jquery - 정렬되지 않은 목록에 깊이 중첩되어있는 경우 루트 또는 상위 항목의 속성을 어떻게 얻습니까?

Question

내림차순 정렬되지 않은 목록의 트리 메뉴를 맨 위로 돌아가려면 < li> jquery의 토글 기능을 사용하여 "p_node"속성을 검색하십시오. 예를 들어 "Annie"를 클릭하면 "mCat1"이라는 루트 li을 검색하고 스크립트에서 사용할 "p_node"의 값을 추출합니다. 이것을 어떻게 할 수 있습니까? 당신의 도움을 주셔서 감사합니다.

<ul id="nav> 
    <li type="root" p_node="39">Cat 2 
    <ul> 
     <li><a>sub cat2</a></li> 
    </ul> 
    </li> 
    <li type="root" p_node="40">mCat1 
     <ul> 
     <li>Subcat A 
      <ul> 
       <li>Subcat A.1 
        <ul> 
        <li><a>Annie</a></li> 
        </ul> 
       </li> 
      </ul> 
      </li> 
     </ul> 
    </li> 
</ul> 

가 여기에 내가 노력했습니다 JQuery와 일부입니다 :

다음은 정렬되지 않은 목록입니다.

$('#nav li:not(:has(li))>a').toggle(function() { 
        //show stuff 
        var parentEls = $(this).parents() 
        .map(function() { 
        if($(this).attr('type') == 'root') 
        { 
        var node = $(this).attr('p_node'); 
        return node; 
        } 
      }); 
      }, function() { 
        //close stuff 
}); 

Answer 1

이 시도 : 셀렉터 앵커 태그가 바닥 가장 < li>로 선택하는 것입니다

$(clickReceiver).parents("li:last").attr('p_node') 

Answer 2

$('#nav li:not(:has(li))>a').toggle(function() { 
    //show stuff 
    var parentEls = $(this).closest('li[type=root]').attr('p_node'); 
}, function() { 
    //close stuff 
});