Traversant au dernier élément enfant dans un arbre avec le sélecteur jQuery

Question

<div id="myDIV"> 
<div> 
    <span> 
    <a href="#">Seek me!</a> 
    </span> 
</div> 
</div> 

Comment puis-je trouver Une étiquette avec le sélecteur jQuery (pas en boucle à travers les enfants()) Si je ne connais que myDiv id.

Eh bien, cela semble vraiment un peu gênant. Par exemple, j'ai cliqué sur #myDIV et j'ai besoin d'obtenir le texte de la dernière balise enfant. Il pourrait A, span, div, p, peu importe. Aussi myDIV ne pouvait même pas avoir d'éléments enfants.

Excusez-moi mon anglais

Answer 1

Comme ceci:

$("#myDIV :not(:has(*))") 

Ce trouvera tous les derniers éléments "feuilles", vous pouvez restreindre seulement <a>, etc si vous voulait. Pour votre balisage:

$("#myDIV :not(:has(*))").text() // "Seek me!" 
$("#myDIV :not(:has(*))").length // 1 

:empty ne fonctionne pas ici (parce qu'il a un nœud texte enfant), mais trouver des choses sans éléments enfants, here's an example page showing this.

Answer 2

Il est juste $('#myLink')