Seletor :last do jQuery

Seletor do jQuer

O seletor :last escolhe o último elemento correspondente.

Isso geralmente é usado junto com outro seletor para escolher o último elemento do grupo (como mostrado no exemplo a seguir).

Atenção: O seletor :last pode escolher apenas um elemento.

usar：último-childSeletor para selecionar o último elemento filho de um elemento pai.

Sintaxe:

$(":last")

Exemplo

Selecionar o último parágrafo:

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

Selecionar a última item da lista:

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

Selecionar a última linha da tabela:

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

Exibir: last e :last-Diferença entre os seletores child:

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

Seletor do jQuer