:nth-child(n)
jQuery :nth-child() selektori
Misol
O‘z ota elementining uchinchi bola elementi bo‘lgan har bir <p> elementini tanlash:
$("p:nth-child(3)")
O‘zingiz sinab ko‘ring »
Ta’rif va qo‘llanilishi
:nth-child(n) selektori turidan qat’i nazar, o‘z ota elementining n-bola elementi bo‘lgan barcha elementlarni tanlaydi.
Maslahat: O‘z ota elementida muayyan turdagi n-bola element bo‘lgan barcha elementlarni tanlash uchun :nth-of-type() selektoridan foydalaning.
Sintaksis
:nth-child(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-child(3n+2) 2-bola elementdan boshlab har 3-paragrafni tanlaydi |
O‘zingiz sinab ko‘ring — misol
Barcha <div> elementlarining ikkinchi bola elementi bo‘lgan har bir <p> elementini tanlash
Barcha <div> elementlarining ikkinchi bola 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!