Latest web development tutorials

jQuery: nth-child () Selettore

selettore jQuery selettore jQuery

Esempi

Ogni elemento <p> del suo elemento genitore appartenente alla terza sotto-elemento selezionato:

$("p:nth-child(3)")

Prova »

Definizione e utilizzo

: Nth-child (n) selettore seleziona tutti gli elementi che appartengono al suo elemento genitore non si limita al tipo di n-esimo elemento.

Suggerimento: Usa : nth-of-type () selettore per selezionare tutti gli elementi che appartengono al suo elemento genitore non si limita al tipo di n-esimo elemento.


grammatica

:nth-child( n |even|odd| formula )

参数 描述
n 要匹配的每个子元素的索引。

必须是一个数字。第一个元素的索引号是 1。
even 选取每个偶数子元素。
odd 选取每个奇数子元素。
formula 规定哪个子元素需通过公式 ( an + b ) 来选取。
实例:p:nth-child(3n+2) 选取每个第三段,从第二个子元素开始。


Esempi

Prova - Esempio

Ogni elemento <p> per selezionare tutti i <div> elementi della seconda sotto-elemento
Ogni <p> ​​elemento Come selezionare tutti i <div> elementi della seconda sotto-elemento.

Utilizzando la formula (an + b)
Come usare una formula (an + b) per selezionare un diverso sotto-elementi.

Utilizzare "anche" e "strano"
Come selezionare diversi elementi secondari pari e dispari.

: Nth-child (),: nth -Last-child (),: nth-of-type () e: nth-of-last-tipo diverso tra ()
p: nth-child (2), p: nth-last-child (2), p: nth-of-type (2) e p: tra ennesima di ultima-type (2) sono diversi.


selettore jQuery selettore jQuery