Selettore :nth-child() di jQuery

Selettore jQuer

:nth-child(nSelettore che seleziona tutti gli elementi che appartengono a un genitore specifico:Il n-esimo elementoGli elementi degli elementi.

Utilizzare:nth-of-type()Selettore che seleziona tutti gli elementi di un tipo specifico che appartengono a un genitore specifico:Il n-esimo elementoTutti gli elementi di un elemento.

Sintassi:

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

Esempio

Scegliere ogni elemento <p> che è il terzo figlio del suo genitore:

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

I termini "pari" e "dispari" vengono utilizzati per abbinare gli elementi figli con un'indice pari o dispari:

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

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

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

Valore del parametro

Selettore jQuer