orang tua jQuery () Metode
Contoh
Kembalikan semua elemen leluhur <span>:
$(document).ready(function(){
$("span").parents().css({"color": "red", "border": "2px solid red"});
});
Hasil:
body (great-great-grandparent)
div (great-grandparent)
ul (grandparent)
- li (direct parent)
span
Definisi dan Penggunaan
Metode parent() mengembalikan semua elemen ancestor dari elemen yang dipilih.
Leluhur adalah orang tua, kakek nenek, buyut, dan seterusnya.
Pohon DOM: Metode ini melintasi ke atas dari elemen induk di sepanjang leluhur elemen DOM, sampai ke elemen akar dokumen (<html>).
Catatan: Jika parameter filter kosong, fungsi ini akan memilih semua ancestor dari sekumpulan elemen, mulai dari parent langsung hingga <body> dan <html>. Oleh karena itu, sering kali berguna untuk melewatkan ekspresi pemilih untuk mempersempit hasil pencarian.
Metode ini mirip dengan terdekat() , karena keduanya melintasi pohon DOM. Perbedaannya adalah sebagai berikut:
orang tua()
- Dimulai dengan elemen induk
- Menaiki pohon DOM dan mengembalikan semua leluhur yang cocok dengan ekspresi yang diteruskan
- Objek jQuery yang dikembalikan berisi nol atau lebih dari satu elemen
terdekat()
- Dimulai dengan elemen saat ini
- Menaiki pohon DOM dan mengembalikan leluhur pertama yang cocok dengan ekspresi yang diteruskan
- Objek jQuery yang dikembalikan berisi nol atau satu elemen
Metode terkait lainnya:
- parent() - mengembalikan elemen induk langsung dari elemen yang dipilih
- parentUntil() - mengembalikan semua elemen ancestor antara dua argumen yang diberikan
Sintaksis
$(selector).parents(filter)
Parameter | Description |
---|---|
filter | Optional. Specifies a selector expression to narrow down the search for ancestors Note: To return multiple ancestors, separate each expression with a comma. |
Cobalah Sendiri - Contoh
Cara menggunakan parameter filter untuk mengembalikan semua ancestor <span> yang merupakan elemen <ul>.
Cara menggunakan parameter filter untuk mengembalikan semua leluhur <span> yang merupakan elemen <li> dan <div>.
Demonstrasi yang menunjukkan siapa leluhur elemen <span> sebenarnya.