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

jQuery :nth-of-type() 选择器

jQuer Selektoren

:nth-of-type()选择器根据它们在一组同级兄弟中的位置来选择给定类型的所有元素。

使用:nth-child()选择器可以根据所有元素的位置(无论类型如何)来选择所有元素。

语法:

$":nth-of-type(number|An+B|ungerade|gerade)

Beispiel

Wählen Sie jeden <span>Element, das der dritte <span>Element des Elternelements entspricht:

$("document").ready(function(){
  $("span:nth-of-type(3)").css("background", "lime");
});
Testen Sie es heraus‹/›

Die Wörter "ungerade" und "gerade" werden verwendet, um Kindelemente mit ungerader oder gerader Indexnummer zu matchen:

$("document").ready(function(){
  $("span:nth-of-type(odd)").css("background", "lime");
  $("span:nth-of-type(even)").css("background", "aqua");
});
Testen Sie es heraus‹/›

Parameterwert

ParameterBeschreibung
numberIndex jedes zu matchenden Kindelements (von1Ende)
oddWählen Sie jeden ungeraden Kindelement aus
evenWählen Sie jeden zweiten Kindelement aus
An+BSpezifizieren Sie das zu wählende Kindelement
Beispiel: p: nth-of-type(3n + 2)Ab dem zweiten Abschnitt wird jeder dritte Abschnitt ausgewählt

jQuer Selektoren