tutorial pengembangan web terbaru
 

jQuery parent() Method

<Metode jQuery Melintasi

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.


<Metode jQuery Melintasi