Latest web development tutorials

jQuery: nth-child () sélecteur

jQuery sélecteur jQuery sélecteur

Exemples

Chaque élément <p> de son élément parent appartenant à des sous-troisième élément sélectionné:

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

Essayez »

Définition et utilisation

: Nth-child (n) sélecteur sélectionne tous les éléments qui appartiennent à son élément parent ne se limite pas au type de n ième élément.

Conseil: Utilisation : nième de type () sélecteur pour sélectionner tous les éléments qui appartiennent à son élément parent ne se limite pas au type de n - ième élément.


grammaire

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

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

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


Exemples

Essayez - Exemple

Chaque élément <p> pour sélectionner tous les éléments <div> dans le deuxième sous-élément
Chaque élément <p> Comment sélectionner tous les éléments <div> dans le deuxième sous-élément.

En utilisant l' équation (un + b)
Comment utiliser une formule (un + b) pour sélectionner un autre sous-éléments.

Utilisez "même" et "bizarre"
Comment sélectionner différents sous-éléments pairs et impairs.

: Nth-child (),: nth -last-enfant (),: nth-of-type () et: nth-de-dernière-type différent entre ()
p: nth-child (2), p: nth-last-child (2), p: nth-of-type (2) et p: entre nième de dernier type (2) sont différents.


jQuery sélecteur jQuery sélecteur