Pemilahan - Anak-Anak

Penyangga adalah ayah, kakek, nenek moyang, dll.

Dengan jQuery, Anda dapat melacak naik pohon DOM untuk mencari penyangga elemen.

Melacak naik pohon DOM

Metode jQuery ini sangat berharga, mereka digunakan untuk melacak naik pohon DOM:

  • parent()
  • parents()
  • parentsUntil()

Metode jQuery parent()

Metode parent() mengembalikan elemen orang tua langsung dari elemen yang dipilih.

Metode ini hanya mengadakan pencarian penyangga satu tingkat ke atas di pohon DOM.

Contoh di bawah ini mengembalikan elemen orang tua langsung dari setiap elemen <span>:

Contoh

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

Coba sendiri

Metode jQuery parents()

Metode parents() mengembalikan semua elemen penyangga dari elemen yang dipilih, mendaki hingga akar dokumen (html).

Contoh di bawah ini mengembalikan semua penyangga dari semua elemen <span>:

Contoh

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

Coba sendiri

Anda juga dapat menggunakan parameter pilihan untuk menyaring pencarian elemen penyangga.

Contoh di bawah ini mengembalikan semua penyangga dari semua elemen <span> yang juga adalah elemen <ul>:

Contoh

$(document).ready(function(){
  $("span").parents("ul");
});

Coba sendiri

Metode jQuery parentsUntil()

Metode parentsUntil() mengembalikan semua elemen penyangga antara dua elemen yang diberikan.

Contoh di bawah ini mengembalikan semua elemen penyangga antara <span> dan <div> elemen:

Contoh

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

Coba sendiri

Panduan Referensi jQuery Pencarian

Untuk mengetahui semua metode pencarian jQuery, silakan kunjungi Panduan Referensi jQuery Pencarian