동적 jQuery를 문은

Question

나는이 jQuery를 문이있다.

이 부분의 $(currentEle).parent().parent("li").next()이 null 인 경우이 문장에 .parent().parent("li")을 추가하고 싶습니다.

예 : $(currentEle).parent().parent("li").parent().parent("li").next().click() 등등. 더 명확하게하기 위해 HTML 목록을 추가했습니다. 목록에서 currentEle이 E를 나타내는 li로 설정된 경우 목록에서 다음 요소, 즉 'F'를 선택하고 싶습니다. $(currentEle).parent().parent("li").next()은 null이므로 $(currentEle).parent().parent("li").parent().parent("li")이 작업을 수행합니다. 그렇다면 이것을 어떻게 더 일반적인 것으로 만들 수 있습니까?

<ul> 
     <li>A</li> 
     <li>B 
      <ul> 
       <li>C 
        <ul> 
         <li>D 
          <ul> 
           <li>E</li> 
          </ul> 
         </li> 
        </ul> 
       </li> 
       <li>F</li> 
      </ul> 
     </li> 
    </ul> 

Answer 1

업데이트 대답은 :

내가 코드를 단순화하기 위해 E li에 id을 추가했다.

jQuery를 :

var value = ($('#theE').parents('li').filter(function(index) { 
    return $(this).next('li').length; 
}).next().text()); 

alert(value); //F 

HTML :

<ul> 
     <li>A</li> 
     <li>B 
      <ul> 
       <li>C 
        <ul> 
         <li>D 
          <ul> 
           <li id="theE">E</li> 
          </ul> 
         </li> 
        </ul> 
       </li> 
       <li>F</li> 
      </ul> 
     </li> 
    </ul> 

JSFiddle DEMO

Answer 2

내가 유 뜻 생각 뭔가를해야만

같은

function main(){ 
    var curr = $(currentEle); 

    while (getParent(curr) != null){ 
     curr = getParent(curr); 
    } 

    getParent(curr).next().click(); 
} 


function getParent(element){ 
    if (element.parent().length > 0 && element.parent().parent('li').length > 0){ 
     return element.parent().parent('li'); 
    } 
    return null; 
} 

Answer 3

나는 당신이 정말 후있어하는 상위 목록 항목을 찾을 수 li에 의해 필터링 된 .parents() 방법이라고 생각 :

$(currentEle).parents("li").last().next().click(); 

수동으로 각 레벨을 확인하지 않아도 이쪽으로.