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