jQuery :nth-last-child() Selector

❮ jQuery-keurders

Voorbeeld

Kies elke <p>-element wat die derde kind van sy ouer is, vanaf die laaste kind:

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

Definisie en gebruik

Die :nth-last-child( n ) keurder selekteer alle elemente wat die n de kind is, ongeag die tipe, van hul ouer, tel vanaf die laaste kind.

Wenk: Gebruik die :nth-last-of-type()- kieser om alle elemente te kies wat die n - de kind, van 'n spesifieke tipe , van hul ouer is, vanaf die laaste kind.


Sintaksis

:nth-last-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-last-child(3n+2) selects each 3rd paragraph, starting at the last 2nd child

Probeer dit self - Voorbeeld


Hoe om 'n <p>-element te kies wat die eerste kind van alle <div>-elemente is, vanaf die laaste kind.


Hoe om 'n formule ( an + b ) te gebruik om verskillende kinderelemente te kies, vanaf die laaste kind.


Hoe om ewe en onewe te gebruik om verskillende kinderelemente te kies, vanaf die laaste kind.


Die verskil tussen p:nde-kind(2), p :nde-laaste-kind(2), p:nde-van-tipe(2) en p:nde-van-laaste-tipe(2).


❮ jQuery-keurders