jQuery :nth-child() Kieser
Voorbeeld
Kies elke <p>-element wat die derde kind van sy ouer is:
$("p:nth-child(3)")
Definisie en gebruik
Die :nth-child( n ) keurder kies alle elemente wat die n de kind is, ongeag die tipe, van hul ouer.
Wenk: Gebruik die :nth-of-type()- kieser om alle elemente te kies wat die n de kind, van 'n spesifieke tipe , van hul ouer is.
Sintaksis
:nth-child(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-child(3n+2) selects each 3rd paragraph, starting at the 2nd child element |
Probeer dit self - Voorbeeld
is. Hoe om elke <p>-element te kies wat die tweede kind van alle <div>-elemente is.
Hoe om 'n formule ( an + b ) te gebruik om verskillende kinderelemente te kies.
Hoe om ewe en onewe te gebruik om verskillende kinderelemente te kies.
Die verskil tussen p:nde-kind(2), p :nde-laaste-kind(2), p:nde-van-tipe(2) en p:nde-van-laaste-tipe(2).