jQuery :nth-of-type() Selettore
Esempio
Seleziona ogni elemento <p> che è il terzo elemento <p> del suo genitore:
$("p:nth-of-type(3)")
Definizione e utilizzo
Il selettore :nth-of-type( n ) seleziona tutti gli elementi che sono l' n - esimo figlio, di un tipo particolare, del loro genitore.
Suggerimento: usa il selettore :nth-child() per selezionare tutti gli elementi che sono l' n - esimo figlio, indipendentemente dal tipo , del loro genitore.
Sintassi
:nth-of-type(n|even|odd|formula)
Parameter | Description |
---|---|
n | The index of each child to match. Must be a number. The first element has the index number 1. |
even | Selects each even child element |
odd | Selects each odd child element |
formula | Specifies which child element(s) to be selected with a formula (an + b). Example: p:nth-of-type(3n+2) selects each 3rd paragraph, starting at the 2nd paragraph |
Provalo tu stesso - Esempio
Come selezionare ogni elemento <p> che è il secondo elemento <p> di tutti gli elementi <div>.
Come utilizzare una formula ( an + b ) per selezionare diversi elementi figlio.
Come utilizzare pari e dispari per selezionare diversi elementi figlio.
La differenza tra p:nth-child(2), p :ennesimo figlio(2), p:ennesimo tipo(2) e p:ennesimo tipo(2).