jQuery: nth-child () Selektor
Beispiele
Jedes <p> Element seines Elternelement an ausgewählte dritte Unterelement gehör:
Versuchen »
Definition und Verwendung
: N - te-Kind (n) wählt die Auswahl alle Elemente , die zu seinem übergeordneten Element gehören nicht auf den Typ des n - ten Elements begrenzt ist.
Tipp: Verwenden Sie : n - te-of-type () Selektor alle Elemente auszuwählen , die zu seinem übergeordneten Element gehören , wird auf den Typ des n - ten Elements nicht begrenzt.
Grammatik
参数 | 描述 |
---|---|
n | 要匹配的每个子元素的索引。 必须是一个数字。第一个元素的索引号是 1。 |
even | 选取每个偶数子元素。 |
odd | 选取每个奇数子元素。 |
formula | 规定哪个子元素需通过公式 ( an + b ) 来选取。
实例:p:nth-child(3n+2) 选取每个第三段,从第二个子元素开始。 |
Versuchen Sie - Beispiel
Jedes Element <p> zu wählen alle <div> Elemente in dem zweiten Teilelement
Jedes Element <p> Wie alle <div> Elemente in dem zweiten Teilelement 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.