Bagaimana Memilih Elemen Anak Sewenang-wenangnya Tanpa Mengetahui Induknya?

Memilih Elemen Anak Sewenang-wenangnya Tanpa Mengetahui Ibu Bapa

Apabila berurusan dengan kod dinamik, adalah perkara biasa untuk menghadapi senario di mana elemen induk sesuatu anak sasaran tidak diketahui. Ini menimbulkan cabaran apabila cuba memilih elemen tertentu menggunakan pemilih kanak-kanak.

Pemilih Kanak-Kanak Ke-Selamat untuk Menyelamat

Nasib baik, pemilih anak ke-n menyediakan penyelesaian kepada masalah ini. Tidak seperti anak pertama dan anak terakhir, nth-child() boleh digunakan tanpa menyatakan elemen induk. Ia hanya memilih anak ke-n dalam konteks semasa, tanpa mengira identiti ibu bapa.

Contoh:

Pertimbangkan struktur HTML berikut:

<youdontknowwhat!>
   <p class="select-me">One</p>
   <p class="select-me">Two</p>
</youdontknowwhat!>

Untuk memilih perenggan kedua, anda boleh menggunakan yang berikut pemilih:

.select-me:nth-child(2)

Mengapa Tidak :first, :last, or :nth Selectors?

Seperti yang disebut oleh BoltClock, setiap elemen HTML kecuali akar (< html>) ialah anak kepada elemen lain. Menggunakan pemilih seperti :first akan menjadi samar-samar kerana ia boleh merujuk sama ada anak pertama unsur semasa atau anak pertama induk unsur semasa. Kekaburan ini dielakkan dengan menggunakan :first-child, :last-child, dan :nth-child(), yang menyatakan dengan jelas skop pemilihan.

Atas ialah kandungan terperinci Bagaimana Memilih Elemen Anak Sewenang-wenangnya Tanpa Mengetahui Induknya?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!