English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

jQuery :nth-last-child() Selector

jQuer Selektoren

:nth-last-child(n)Selector, um alle Elemente des n-ten Kindelements des Elternelements auszuwählen, die von hinten beginnend gehören. Zähle von dem letzten Kindelement beginnend.

Verwende:nth-last-von-type()Der Selector wählt bestimmte Typen von Kindelementen des Elternelements aus, die von hinten beginnend gehören:der n-tenalle Elemente des Elements.

Syntax:

$":nth-last-child(number|An+B|odd|even)")

Beispiel

Zähle von hinten beginnend, wähle jeden als Kindelement des5p-Elemente des Elements:

$("document").ready(function() {
  $("p:nth-last-child(5")").css("background", "coral");
});
Testen Sie heraus‹/›

Gerade und ungerade Schlüsselwörter werden verwendet, um Kindelemente mit gerader oder ungerader Indexnummer zu matchen:

$("document").ready(function() {
  $("p:nth-last-child(even)").css("background", "coral");
  $("li:nth-last-child(odd)").css("background", "coral");
});
Testen Sie heraus‹/›

Verwenden Sie das Formula (An + B)。Erklärung:Astellt eine Zyklusgröße dar,nist ein Zähler (ab 0 beginnend), währendBist ein Verschiebewert:

$("document").ready(function() {
  $("p:nth-last-child(4n + 1")").css("background", "coral");
  $("li:nth-last-child(3n)").css("background", "coral");
});
Testen Sie heraus‹/›

Parameterwert

ParameterBeschreibung
numberIndex jedes zu matchenden Kindelements (von1Ende)
oddWählen Sie jeden ungeraden Kindelement
evenWählen Sie jeden zweiten Kindelement
An+BBestimmen Sie das zu wählende Kindelement
Beispiel: p:nth-last-child(3n + 2)Wählen Sie jeden dritten Absatz, beginnend vom letzten zweiten Kindknoten

jQuer Selektoren