jQuery parent() Metode
Contoh
Kembalikan 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
Definisi dan Penggunaan
Metode parent() mengembalikan elemen induk langsung dari elemen yang dipilih.
Pohon DOM: Metode ini hanya melintasi satu tingkat di atas pohon DOM. Untuk menelusuri hingga ke elemen root dokumen (untuk mengembalikan kakek-nenek atau leluhur lainnya), gunakan metode parent( ) atau ParentsUntil() .
Tip: Untuk melintasi satu tingkat ke bawah pohon DOM, atau sampai ke turunan terakhir (untuk mengembalikan anak atau turunan lainnya), gunakan metode children() atau find() .
Sintaksis
$(selector).parent(filter)
Parameter | Description |
---|---|
filter | Optional. Specifies a selector expression to narrow down the parent search |
Cobalah Sendiri - Contoh
Cara mengembalikan induk langsung dari setiap elemen <span>.
Cara menggunakan parameter filter untuk mengembalikan elemen <li> induk dengan nama kelas "pertama" dari setiap <span>.
Cara mengembalikan semua elemen <div> induk langsung dari setiap elemen <p>.
Demonstrasi yang menunjukkan siapa ancestor dari elemen <span> sebenarnya.