Selector :last de jQuery

Selectores de jQuer

El selector :last selecciona el último elemento que coincide.

Esto se utiliza generalmente junto con otro selector para seleccionar el último elemento de un grupo (como se muestra en los ejemplos siguientes).

Atención: El selector :last solo puede seleccionar un elemento.

usarúltimo-hijoSelector para seleccionar el último elemento que es hijo de su elemento padre.

Sintaxis:

$(":last");

Ejemplo

Elegir el último párrafo:

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

Elegir el último elemento de la lista:

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

Elegir la última fila de la tabla:

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

Mostrar: last y :last-La diferencia entre los selectores de child:

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

Selectores de jQuer