Contoh
Kembali elemen induk langsung dari <span> :
$(document).ready(function(){
$("span").parent().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 parent() metode mengembalikan elemen induk langsung dari elemen yang dipilih.
Pohon DOM: Metode ini hanya melintasi satu tingkat atas pohon DOM. Untuk melintasi semua jalan sampai ke elemen akar dokumen (untuk kembali kakek atau nenek moyang lainnya), gunakan parents() atau parentsUntil () metode.
Tip: Untuk melintasi satu tingkat ke bawah pohon DOM, atau semua jalan ke keturunan terakhir (untuk kembali anak-anak atau keturunan lainnya), menggunakan children() atau find() metode.
Sintaksis
$(selector).parent( filter )| Parameter | Deskripsi |
|---|---|
| filter | Pilihan. Menentukan ekspresi pemilih untuk mempersempit pencarian orang tua |
Coba Sendiri - Contoh
Kembali induk langsung masing-masing <span> elemen
Bagaimana mengembalikan induk langsung masing-masing <span> elemen.
Mempersempit pencarian
Cara menggunakan parameter penyaring untuk kembali induk <li> elemen dengan nama kelas "first" dari masing-masing <span> .
Kembali induk langsung <div> unsur setiap <p> elemen
Bagaimana mengembalikan semua orangtua langsung <div> unsur setiap <p> elemen.
Tampilkan elemen leluhur elemen dengan nama tag
Sebuah demonstrasi yang menunjukkan siapa nenek moyang dari <span> elemen sebenarnya.