Contoh dalam artikel ini menerangkan penggunaan pemilih :nth-child dalam jQuery. Kongsikan dengan semua orang untuk rujukan anda. Analisis khusus adalah seperti berikut:
Pemilih ini sepadan dengan anak Nth atau elemen ganjil-genap di bawah elemen induknya.
Pemilih :eq(index) hanya sepadan dengan satu elemen, manakala pemilih :nth-child akan memadankan elemen anak untuk setiap elemen induk.
:nth-child bermula dari 1, dan :eq() bermula dari 0.
Struktur tatabahasa:
Pemilih ini biasanya digunakan bersama dengan pemilih lain, seperti pemilih kelas, pemilih elemen, dsb. Contohnya:
Kod di atas boleh menetapkan warna fon dalam elemen li kedua di bawah elemen induk kepada biru. Anda juga boleh mengira unsur anak ganjil dan genap bagi unsur induk. Contohnya:
Kod di atas boleh menetapkan warna fon dalam elemen li bernombor genap di bawah elemen induk kepada biru.
Nota: Perlu untuk menerangkan konsep dalam kombinasi dengan kod di atas. Unsur induk yang disebut di sini bukanlah li, tetapi unsur induk li.
Ramai orang sering tersalah anggap bahawa ia sepadan dengan elemen terakhir di kalangan elemen anak unsur li.
Kod contoh:
![[Web front-end] Permulaan pantas Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
