Mencari Elemen Anak

Dengan menggunakan jQuery kita bisa mencari descendant (anak atau anak dari anak) dari suatu elemen HTML.

Fungsi children

Fungsi children digunakan untuk mencari anak yang berada tepat di bawah (direct children) suatu elemen HTML. Fungsi ini hanya mencari satu layer anak ke bawah. Contoh di bawah ini mencari direct children dari setiap elemen div.

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

Jalankan Contoh

Fungsi children juga bisa diberikan satu parameter. Parameter ini berguna untuk melakukan pemilihan (filtering) dari semua anak hasil pencarian. Contoh di bawah ini mencari semua anak elemen dengan tipe paragraf (tag p) dan mempunyai atribut class bernilai first dari setiap elemen div.

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

Jalankan Contoh

Fungsi find

Fungsi find digunakan untuk mencari semua anak yang berada di bawah suatu elemen HTML. Fungsi ini mencari anak elemen mulai dari anak yang berada tepat di bawah elemen tersebut (direct children) sampai kepada anak yang paling bawah. Contoh di bawah ini mencari semua anak elemen dengan tipe span dari setiap elemen div.

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

Jalankan Contoh

Contoh di bawah ini mencari semua anak elemen untuk setiap elemen div.

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

Jalankan Contoh

Tutorial sebelumnya : Mencari Elemen Induk
Tutorial setelahnya : Mencari Elemen Sejajar
Semua Tutorial JQuery : Tutorial JQuery