Pemusnahan jQuery - Metode children()

Panduan Penelusuran jQuery

实例

Cari semua elemen anak bagi div yang bernama "selected" dan atur warna mereka menjadi biru:

$("div").children(".selected").css("color", "blue");

Coba sendiri

Definisi dan penggunaan

Metode children() mengembalikan semua elemen anak yang diilih.

Sintaks

.children(selector)
Parameter Deskripsi
selector Nilai string, mengandungi ekspresi pemilihan yang cocok dengan elemen.

Penjelasan detil

Jika diberikan objek jQuery yang mewakili kumpulan elemen DOM, metode .children() memungkinkan kami untuk mencari elemen-elemen ini di pohon DOM, dan membangun objek jQuery baru yang cocok dengan elemen-elemen yang cocok..find() Disebanding dengan metode .children(), tetapi yang terakhir hanya melintasi tingkat tunggal DOM.

Perhatikan, seperti kebanyakan metode jQuery, .children() tidak mengembalikan node teks; jika memerlukan untuk mendapatkan semua node anak termasuk node teks dan catatan, gunakan .contents().

Metode ini menerima ekspresi pemilihan sebagai parameter pilihan, yang sama jenis seperti parameter yang kami pasang ke $(). Jika melaksanakan pemilihan, akan diuji apakah elemen cocok dengan ekspresi, untuk menyaring elemen-elemen ini.

Pikirkan halaman ini yang mempunyai senarai yang terdapat dasar pengecahannya:

<ul class="level-1">
  <li class="item-i">I</li>
  <li class="item-ii">II
    <ul class="level-2">
      <li class="item-a">A</li>
      <li class="item-b">B
        <ul class="level-3">
          <li class="item-1">1</li>
          <li class="item-2">2</li>
          <li class="item-3">3</li>
        </ul>
      </li>
      <li class="item-c">C</li>
    </ul>
  </li>
  <li class="item-iii">III</li>
</ul>

Coba sendiri

Jika kami mulai dari senarai level-2, kami dapat menemui elemen anaknya:

$('ul.level-2').children().css('background-color', 'red');

Hasil baris kod ini adalah, projek A, B, C mendapat latar belakang merah. Sebab kami belum melaksanakan ekspresi pemilihan, objek jQuery yang dihasilkan mengandungi semua elemen anak. Jika melaksanakan pemilihan, hanya termasuk projek yang cocok.

Panduan Penelusuran jQuery