Pencarian jQuery - Metode children()

Referensi Penelusuran jQuery

Instansi

Cari semua elemen anak dari div dengan nama kelas "selected" dan atur warna birunya:

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

Coba sendiri

Definisi dan penggunaan

Metode children() mengembalikan semua elemen anak langsung yang dipilih.

Sintaks

.children(selector)
Parameter Deskripsi
selector Nilai string, berisi ekspresi pemilih yang cocok dengan elemen.

Penjelasan detil

Jika diberikan objek jQuery yang mewakili koleksi elemen DOM, metode .children() memungkinkan kami untuk mencari elemen-elemen ini di dalam tree DOM, dan membuat objek jQuery baru yang terdiri dari elemen yang cocok..find() Sama seperti metode .children(), tetapi yang terakhir hanya berlaju ke bawah DOM tree tingkat tunggal.

Perhatikan, seperti sebagian besar metode jQuery, .children() tidak kembalikan node teks; jika memerlukan untuk mendapatkan semua node anak termasuk node teks dan komentar, gunakan .contents().

Metode ini menerima ekspresi pemilih sebagai parameter pilihan, yang sama dengan tipe parameter yang kami kirim ke $(). Jika menerapkan pemilih, akan diuji apakah elemen cocok dengan ekspresi itu, untuk menyaring elemen-elemen ini.

Berpikir tentang halaman yang memiliki daftar yang berada di dalam

<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 daftar level-2, kami dapat menemukan elemen anaknya:

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

Hasil kode baris ini adalah, proyek A, B, C mendapatkan latar belakang merah. Karena kami belum menerapkan ekspresi pemilih, objek jQuery yang dikembalikan mengandung semua elemen anak. Jika menerapkan pemilih, hanya termasuk proyek yang cocok.

Referensi Penelusuran jQuery