Latest web development tutorials

jQuery: n-te-of-type () Selektor

jQuery-Selektor jQuery - Selektor

Beispiele

Jedes <p> Element seiner Mutterelement der ausgewählten Dritt <p> Element:

$("p:nth-of-type(3)")

Versuchen »

Definition und Verwendung

: Nth-of-Typ (n ) wählt der Selektor alle Elemente eines bestimmten Typs von Elternelement n - te Element gehören.

Tipp: Verwenden Sie : nth-child () Selektor alle Elemente auszuwählen , die zu seinem übergeordneten Element gehören , wird auf den Typ des n - ten Elements nicht begrenzt.


Grammatik

:nth-of-type( n |even|odd| formula )

参数 描述
n 要匹配的每个子元素的索引。

必须是一个数字。第一个元素的索引号是 1。
even 选取每个偶数子元素。
odd 选取每个奇数子元素。
formula 规定哪个子元素需通过公式 ( an + b ) 来选取。
实例:p:nth-of-type(3n+2) 选取每个第三段,从第二段开始。


Beispiele

Versuchen Sie - Beispiel

Jedes Element <p> So wählen Sie alle <div> Element des zweiten Element <p>
Jedes Element <p> Wie alle <div> Element des zweiten <p> Element auszuwählen.

Unter Verwendung der Gleichung (an + b)
Wie eine Formel (an + b) zu verwenden , um eine andere Unterelemente auszuwählen.

Verwenden Sie "selbst" und "ungerade"
Wie anders geraden und ungeraden Unterelemente auszuwählen.

: Nth-child (): n - te -letzte-Kind (): n - te-of-type () und: n - te-of-last-Typ unterschiedlich zwischen ()
p: nth-Kind (2), p: nth-last-Kind (2), p: nth-of-Typ (2) und p: zwischen n-of-last-Typ (2) unterschiedlich sind.


jQuery-Selektor jQuery - Selektor