Pemilahan - Keturunan

Turunan adalah anak, cucu, dan sebagainya.

Dengan jQuery, Anda dapat berulang turun di pohon DOM untuk mencari turunan elemen.

Berulang turun di pohon DOM

Di bawah ini adalah dua metode jQuery yang digunakan untuk berulang turun di pohon DOM:

  • children()
  • find()

Metode children() jQuery

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

Metode ini hanya memeriksa hingga tingkat turunan yang satu di pohon DOM.

Contoh di bawah ini mengembalikan semua turunan langsung <div>:

Contoh

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

Coba sendiri

Anda juga dapat menggunakan parameter pilihan untuk memfilter pencarian turunan.

Contoh di bawah ini mengembalikan semua elemen <p> dengan kelas "1" yang adalah turunan langsung <div>:

Contoh

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

Coba sendiri

Metode find() jQuery

Metode find() mengembalikan elemen yang dipilih dan turunannya hingga akhir turunan.

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 Referensi Perulangan jQuery

Untuk mengetahui semua metode perulangan jQuery, silakan kunjungi Panduan Referensi Perulangan jQuery。