jQuery :last Selektor

jQuer Selektoren

Der :last-Selektor wählt das letzte Element aus, das auf das Muster passt.

Dies wird oft zusammen mit einem anderen Selektor verwendet, um das letzte Element einer Gruppe auszuwählen (wie im folgenden Beispiel gezeigt).

Hinweis: Der :last-Selektor kann nur ein Element auswählen.

Verwendung：letzter-KinderSelektoren, um den letzten Kindelement, das dem Elternelement gehört, auszuwählen.

Syntax:

$(":last")

Beispiel

Wählen Sie das letzte Absatz aus:

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

Wählen Sie den letzten Listeneintrag aus:

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

Wählen Sie die letzte Tabellenzeile aus:

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

Anzeigen: last und :last-Unterschiede zwischen den child-Selektoren:

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

jQuer Selektoren