:nth-of-type(n)
jQuery :nth-of-type() selektori
Misol
O‘z ota elementidagi uchinchi <p> elementi bo‘lgan har bir <p> elementini tanlash:
$("p:nth-of-type(3)")
O‘zingiz sinab ko‘ring »
Ta’rif va qo‘llanilishi
:nth-of-type(n) selektori o‘z ota elementida muayyan turdagi n-bola element bo‘lgan barcha elementlarni tanlaydi.
Maslahat: Turidan qat’i nazar o‘z ota elementining n-bola elementi bo‘lgan barcha elementlarni tanlash uchun :nth-child() selektoridan foydalaning.
Sintaksis
:nth-of-type(n|even|odd|formula)
| Parametr | Tavsif |
|---|---|
| n | Mos kelishi kerak bo‘lgan har bir bola elementning indeksi. Son bo‘lishi shart. Birinchi elementning indeks raqami 1 ga teng. |
| even | Har bir juft bola elementni tanlaydi |
| odd | Har bir toq bola elementni tanlaydi |
| formula | Qaysi bola element(lar) tanlanishini formula (an + b) yordamida belgilaydi. Misol: p:nth-of-type(3n+2) 2-paragrafdan boshlab har 3-paragrafni tanlaydi |
O‘zingiz sinab ko‘ring — misol
Barcha <div> elementlaridagi ikkinchi <p> elementi bo‘lgan har bir <p> elementini tanlash
Barcha <div> elementlaridagi ikkinchi <p> elementi bo‘lgan har bir <p> elementini qanday tanlash mumkin.
Formuladan (an + b) foydalanish
Turli bola elementlarni tanlash uchun formuladan (an + b) qanday foydalanish mumkin.
"even" va "odd" qiymatlaridan foydalanish
Turli bola elementlarni tanlash uchun even va odd qiymatlaridan qanday foydalanish mumkin.
:nth-child(), :nth-last-child(), :nth-of-type() va :nth-of-last-type() o‘rtasidagi farq
p:nth-child(2), p:nth-last-child(2), p:nth-of-type(2) va p:nth-of-last-type(2) o‘rtasidagi farq.
W3Schools Pathfinder
Yutuqlaringizni kuzating – bu bepul!