jquery - Comment puis-je obtenir l'attribut de la racine, ou le plus haut < li > si je suis imbriqué profondément dans une liste non ordonnée

Question

Je veux revenir en arrière le menu de l'arbre d'une liste non ordonnée imbriquée au plus haut < li> et récupérer l'attribut "p_node" en utilisant la fonction toggle de jquery. Ainsi, par exemple, lorsque je clique sur "Annie", je veux récupérer la racine li, qui dans son cas est "mCat1" et extraire la valeur de "p_node" à utiliser dans le script. Comment puis-je accomplir cela? Merci de votre aide.

est Voici la liste non numérotée:

<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> 

est ici une partie de la jquery j'ai essayé. le sélecteur sélectionne le fond le plus < li> qui a une balise d'ancrage:

$('#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

Essayez ceci:

$(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 
});