jQuery :nth-last-child() Selector
Voorbeeld
Selecteer elk <p>-element dat het derde kind van het bovenliggende element is, geteld vanaf het laatste kind:
$("p:nth-last-child(3)")
Definitie en gebruik
De :nth-last-child( n ) selector selecteert alle elementen die het nth kind zijn , ongeacht het type, van hun ouder, geteld vanaf het laatste kind.
Tip: Gebruik de :nth-last-of-type() selector om alle elementen te selecteren die het n th kind zijn, van een bepaald type , van hun ouder, geteld vanaf het laatste kind.
Syntaxis
: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 het zelf - Voorbeeld
. Hoe selecteert u een <p>-element dat het eerste onderliggende element is van alle <div>-elementen, gerekend vanaf het laatste kind.
Hoe een formule ( an + b ) te gebruiken om verschillende onderliggende elementen te selecteren, geteld vanaf het laatste kind.
gebruiken Even en oneven gebruiken om verschillende onderliggende elementen te selecteren, geteld vanaf het laatste kind.
Het verschil tussen p:nth-child(2), p :nth-last-child(2), p:nth-of-type(2) en p:nth-of-last-type(2).