jQuery :nth-last-of-type() Selektor
Beispiel
Wählen Sie jedes <p>-Element aus, das das dritte <p>-Element seines übergeordneten Elements ist, beginnend mit dem letzten untergeordneten Element:
$("p:nth-last-of-type(3)")
Definition und Verwendung
Der Selektor :nth-last-of-type( n ) wählt alle Elemente aus, die das n -te Kind eines bestimmten Typs ihres Elternteils sind, beginnend mit dem letzten Kind.
Tipp: Verwenden Sie den Selektor :nth-last-child() , um alle Elemente auszuwählen, die das n -te untergeordnete Element sind, unabhängig vom Typ , ihres übergeordneten Elements, gezählt ab dem letzten untergeordneten Element.
Syntax
: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 |
Probieren Sie es selbst aus - Beispiel
wie jedes <p>-Element ausgewählt wird, das das erste <p>-Element aller <div>-Elemente ist Zählen ab dem letzten Kind.
Wie man eine Formel ( an + b ) verwendet, um verschiedene <p>-Elemente auszuwählen, beginnend mit dem letzten untergeordneten Element.
Wie man gerade und ungerade verwendet, um verschiedene <p>-Elemente auszuwählen, beginnend mit dem letzten untergeordneten Element.
Der Unterschied zwischen p:nth-child(2), p :nth-last-child(2), p:nth-of-type(2) und p:nth-of-last-type(2).