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