Selettore jQuery :nth-last-child()

Selezionatore jQuery

:nth-last-child（nIl selettore选取属于其父元素的不限类型的第 n 个子元素的所有元素，从最后一个子元素开始计数。（）

Utilizzare:nth-last-of-type()Il selettore seleziona l'elemento di tipo specifico che è il n-esimo figlio dell'elemento padre, contando da destra a sinistra.Il n-esimo figlioTutti gli elementi di un elemento.

Sintassi:

$":nth-last-child(number|An+B|odd|even)"

Esempio

Contando dal fondo, selezionare l'elemento <p> che è il quinto figlio del suo elemento padre:

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

Le parole chiave "pari" e "dispari" vengono utilizzate per abbinare gli elementi figli con indici pari o dispari:

$(document).ready(function(){
　　$("p:nth-last-child(even)").css("background", "coral");
　　$("li:nth-last-child(odd)").css("background", "coral");
});

Usare la formula (}}An + B).Spiegazione:ARappresenta la dimensione del ciclo,nÈ un contatore (partendo da 0), mentreBÈ un valore di offset:

$(document).ready(function(){
　　$("p:nth-last-child(4n + 1)").css("background", "coral");
　　$("li:nth-last-child(3n)").css("background", "coral");
});

Valore del parametro

Selezionatore jQuery