jQuery: nth-child () Selettore
Esempi
Ogni elemento <p> del suo elemento genitore appartenente alla terza sotto-elemento selezionato:
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
参数 | 描述 |
---|---|
n | 要匹配的每个子元素的索引。 必须是一个数字。第一个元素的索引号是 1。 |
even | 选取每个偶数子元素。 |
odd | 选取每个奇数子元素。 |
formula | 规定哪个子元素需通过公式 ( an + b ) 来选取。
实例:p:nth-child(3n+2) 选取每个第三段,从第二个子元素开始。 |
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.