Contoh
Kembali 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
Cobalah sendiri " Definisi dan Penggunaan
The parents() method mengembalikan semua elemen leluhur elemen yang dipilih.
Leluhur adalah orang tua, kakek-nenek, buyut, dan seterusnya.
DOM tree: Metode ini melintasi ke atas dari elemen induk bersama nenek moyang dari elemen DOM, semua jalan sampai ke elemen akar dokumen (<html>) .
Catatan: Jika parameter filter yang kosong, fungsi ini akan memilih semua nenek moyang dari set elemen, dari induk langsung dan semua jalan sampai ke <body> dan <html> . Oleh karena itu sering berguna untuk lulus ekspresi pemilih untuk mempersempit hasil pencarian.
Metode ini mirip dengan closest() , dalam bahwa mereka berdua melintasi atas pohon DOM. Perbedaan tersebut adalah sebagai berikut:
parents()
- Dimulai dengan elemen induk
- Travels atas pohon DOM dan mengembalikan semua nenek moyang yang cocok dengan ekspresi berlalu
- objek jQuery itu kembali mengandung nol atau lebih dari satu unsur
closest()
- Dimulai dengan elemen saat
- Travels atas pohon DOM dan mengembalikan leluhur pertama yang cocok dengan ekspresi berlalu
- objek jQuery itu kembali mengandung unsur nol atau satu
Metode lain yang terkait:
- parent() - mengembalikan elemen induk langsung dari elemen yang dipilih
- parentsUntil() - mengembalikan semua elemen leluhur antara dua argumen yang diberikan
Sintaksis
$(selector).parents( filter )| Parameter | Deskripsi |
|---|---|
| class = "notranslate"filter | Pilihan. Menentukan ekspresi pemilih untuk mempersempit pencarian leluhur Catatan: Untuk kembali beberapa nenek moyang, memisahkan setiap ekspresi dengan koma. |
Coba Sendiri - Contoh
Mempersempit pencarian
Cara menggunakan parameter penyaring untuk mengembalikan semua nenek moyang <span> yang <ul> elemen.
Kembali beberapa nenek moyang
Cara menggunakan parameter penyaring untuk mengembalikan semua nenek moyang <span> yang <li> dan <div> elemen.
Tampilkan nenek moyang elemen dengan nama tag
Sebuah demonstrasi yang menunjukkan siapa nenek moyang dari <span> elemen sebenarnya.