jQuery :nth-child()Sélecteur

Exemple

Sélectionnez chaque élément <p> qui est le troisième enfant de son parent :

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

:nth-child(nquel que soit le type, lenn-ième élément enfant de son parent.

Astuce :Utilisez le sélecteur:nth-of-type()pour sélectionner tous les éléments qui sont dutype spécifiquedunn-ième enfant de son parent.

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

Paramètre	Description
n	L'indice de chaque élément enfant à faire correspondre. Doit être un nombre. L'indice du premier élément est 1.
even	Sélectionne chaque élément enfant pair.
odd	Sélectionne chaque élément enfant impair.
formule	Spécifie quel élément enfant est sélectionné à l'aide de la formule (an + b). Exemple : p:nth-child(3n+2) sélectionne chaque troisième paragraphe, à partir du deuxième élément enfant.

Sélectionnez chaque élément <p> qui est le deuxième enfant de tous les éléments <div>
Comment sélectionner chaque élément <p> qui est le deuxième enfant de tous les éléments <div>.

Utilisation de la formule (an + b)
Comment utiliser la formule (an + b) pour sélectionner différents éléments enfants.

Utilisation de « even » et « odd »
Comment utiliser even et odd pour sélectionner différents éléments enfants.

La différence entre :nth-child(), :nth-last-child(), :nth-of-type() et :nth-of-last-type()
La différence entre p:nth-child(2), p:nth-last-child(2), p:nth-of-type(2) et p:nth-last-of-type(2).

Autres extensions