sélecteur jQuery : explication détaillée de l'utilisation du dernier enfant

Aperçu

Correspond au dernier élément enfant

':last' ne correspond qu'à un seul élément, tandis que ce sélecteur correspondra à un élément enfant pour chaque élément parent

Exemple

Description :

Trouver le dernier li dans chaque ul

Code HTML :

<ul>
<li>John</li> 
<li>Karl</li> 
<li>Brandon</li> 
</ul> 
<ul> 
<li>Glen</li> 
<li>Tane</li> 
<li>Ralph</li> 
</ul>

Code jQuery :

$("ul li:last-child")

Résultat :

[ <li>Brandon</li>, <li>Ralph</li> ]

Ce sélecteur correspond au dernier élément enfant de l'élément parent.

Remarque : last ne sélectionne qu'un seul élément, et ce sélecteur correspondra au dernier élément enfant de chaque élément parent.
Structure grammaticale :

$(":last-child")

Ce sélecteur est généralement utilisé en conjonction avec d'autres sélecteurs, tels que le sélecteur de classe, le sélecteur d'élément, etc. Par exemple :

$("li:last-child").css("color","blue")

Le code ci-dessus peut définir la couleur de la police du dernier élément li sous l'élément parent sur bleu.

Remarque : Il est nécessaire d'expliquer le concept en combinaison avec le code ci-dessus. L'élément parent mentionné ici n'est pas li, mais l'élément parent de li. Beaucoup de gens pensent souvent à tort qu'il correspond au dernier élément parmi les éléments enfants de l'élément li.

Exemple de code :

  

    
ASP教程
    
ASP.NET教程
    
PHP教程
  
  

    
html教程
    
DIV+CSS教程
    
jQUERY教程
    
jAVAScript教程
  

点击查看效果

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!