Sélecteur :last de jQuery

Sélecteurs jQuer

Le sélecteur :last sélectionne l'élément correspondant le dernier.

Cela est généralement utilisé avec un autre sélecteur pour sélectionner le dernier élément d'un groupe (comme dans les exemples ci-dessous).

Attention : Le sélecteur :last ne peut sélectionner qu'un seul élément.

utilisationdernier-enfantSélecteurs pour sélectionner le dernier élément enfant de l'élément parent.

Syntaxe :

$(".:last")

Exemple

Sélectionner le dernier paragraphe :

$("document").ready(function(){
　　$("p:last").css("background", "coral");
});

Sélectionner le dernier élément de liste :

$("document").ready(function(){
　　$("li:last").css("background", "coral");
});

Sélectionner la dernière ligne de tableau :

$("document").ready(function(){
　　$("tr:last").css("background", "coral");
});

Affichage : last et :last-Différences entre les sélecteurs child

$("document").ready(function(){
　　$("#btn1").click(function(){
　　　　$("p:last").css("background-color", "coral");
　　});
　　$("#btn2").click(function(){
　　　　$("p:last-child").css("background-color", "lightgreen");
　　});
});

Sélecteurs jQuer