Latest web development tutorials

jQuery traversal - anak

Keturunan adalah anak, cucu, cicit, dan sebagainya.

Dengan jQuery, Anda melintasi bawah pohon DOM untuk menemukan unsur-unsur keturunan.

Melintasi pohon DOM bawah

Berikut adalah dua untuk melintasi pohon DOM bawah metode jQuery:

  • anak ()
  • menemukan ()

jQuery anak () metode

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

Metode ini hanya turun satu pasangan traversal pohon DOM.

Contoh berikut mengembalikan setiap <div> unsur semua elemen anak langsung:

contoh

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

Coba »

Anda juga dapat menggunakan parameter opsional untuk menyaring pencarian untuk sub-elemen.

Contoh berikut mengembalikan nama kelas dari "1" di semua elemen <p>, dan mereka <div> elemen anak langsung:

contoh

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

Coba »

jQuery find () metode

Metode menemukan () mengembalikan unsur unsur keturunan yang dipilih, semua jalan ke keturunan terakhir.

Contoh berikut pengembalian milik <div> semua <span> keturunan elemen:

contoh

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

Coba »

Contoh berikut mengembalikan <div> semua generasi:

contoh

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

Coba »