En son web geliştirme öğreticiler
 

jQuery :nth-of-type() Selector

<JQuery Seçiciler

Örnek

Her seçin <p> üçüncü elemanı <p> Kendi üst öğesi:

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

Tanımı ve Kullanımı

:nth-of- type( n ) seçici olan tüm elemanları seçer n th kendi ana özel bir tip, bir çocuk.

İpucu: kullan :nth- child() tüm unsurları seçmek için seçici n th kendi ebeveyn, türü ne olursa olsun, çocuğun.


Sözdizimi

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

Parametre Açıklama
n Her çocuğun endeksi eşleşecek.

bir sayı olmalı. İlk eleman endeks numarası 1'dir.
even Her hatta çocuk elemanını seçer
odd Her garip alt öğesi seçer
formula Çocuk belirtir element(s) bir formül seçilecek ( an + b ) .
Örnek: p:nth-of- type(3n+2) 2. paragrafında başlanarak her 3 paragrafı seçer

it Yourself deneyin - Örnek

Her seçin <p> ikinci elemanı <p> tüm unsuru <div> elemanlarının
Her nasıl seçilir <p> ikinci elemanı <p> tüm unsuru <div> elemanlarının.

Bir formül kullanılarak (an + b)
Bir formülü nasıl kullanılır ( an + b ) Farklı alt öğelerini seçin.

Kullanılması "even" ve "odd"
Nasıl farklı alt öğelere seçmek için çift ve tek kullanım.

Arasındaki fark :nth- child() , :nth-last- child() , :nth-of- type() ve :nth-of-last- type()
Arasındaki fark p:nth- child(2) , p:nth-last- child(2) , p:nth-of- type(2) ve p:nth-of-last- type(2) .


<JQuery Seçiciler