jQuery:penggunaan pemilih anak ke-nth example_jquery

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:

Salin kod Kod adalah seperti berikut:

$(":nth-child")

Pemilih ini biasanya digunakan bersama dengan pemilih lain, seperti pemilih kelas, pemilih elemen, dsb. Contohnya:

Salin kod Kod adalah seperti berikut:

$("li:nth-child(2)").css ("warna ","biru")

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:

Salin kod Kod adalah seperti berikut:

$("li:nth-child(even)").css ("warna ","biru")

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:

Salin kod Kod adalah seperti berikut:

• Analisis mendalam bagi komponen kumpulan senarai Bootstrap
• Penjelasan terperinci tentang fungsi JavaScript kari
• Contoh lengkap penjanaan kata laluan JS dan pengesanan kekuatan (dengan muat turun kod sumber demo)
• Angularjs menyepadukan UI WeChat (weui)
• Cara cepat bertukar antara Cina Tradisional dan Cina Ringkas dengan JavaScript dan helah untuk tapak web menyokong pertukaran antara kemahiran_javascript Cina Ringkas dan Tradisional