Pemantauan - Anak

Turunan adalah anak, cucu, great-grandchild, dan seterusnya.

Dengan JQuery, Anda dapat berekspansi ke bawah pohon DOM untuk mencari turunan elemen.

Berekspansi ke Bawah Pohon DOM

Berikut adalah dua metode JQuery yang digunakan untuk berekspansi ke bawah pohon DOM:

  • children()
  • find()

Metode JQuery children()

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

Metode ini hanya akan berekspansi ke tingkat berikutnya di pohon DOM.

Contoh di bawah ini mengembalikan semua anak langsung dari setiap elemen <div>:

Contoh

$(document).ready(function(){
  $("div").children();
});

Coba Sendiri

Anda juga dapat menggunakan parameter pilihan untuk menyaring pencarian anak.

Contoh di bawah ini mengembalikan semua elemen <p> dengan kelas "1", dan mereka adalah elemen anak langsung <div>:

Contoh

$(document).ready(function(){
  $("div").children("p.1");
});

Coba Sendiri

Metode JQuery find()

Metode find() mengembalikan elemen turunan yang dipilih, sampai ke elemen turunan terakhir.

Contoh di bawah ini mengembalikan semua elemen <span> yang termasuk turunan <div>:

Contoh

$(document).ready(function(){
  $("div").find("span");
});

Coba Sendiri

Contoh di bawah ini mengembalikan semua turunan <div>:

Contoh

$(document).ready(function(){
  $("div").find("*");
});

Coba Sendiri

Panduan Penjelajahan JQuery

Untuk mengetahui semua metode penjelajahan JQuery, silakan kunjungi Panduan Penjelajahan JQuery。