Latest web development tutorials

jQuery orangtua () metode

metode traversal jQuery metode traversal jQuery

contoh

Kembali <span> elemen induk segera:

$(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

Coba »

Definisi dan Penggunaan

Metode induk () mengembalikan elemen induk langsung dari elemen yang dipilih.

DOM tree: Metode ini hanya satu tingkat melintasi atas pohon DOM. Untuk naik jalan sampai semua elemen akar dokumen (pulang kakek atau nenek moyang lainnya), menggunakan orang tua () atau parentsUntil () metode.

Tip: Untuk melintasi pohon DOM di sepanjang satu tingkat, atau ke jalan melintasi terakhir sampai semua keturunan (keturunan untuk mengembalikan node anak atau lainnya), menggunakan anak-anak () atau menemukan () metode.


tatabahasa

$(selector).parent( filter )

参数 描述
filter 可选。规定缩小搜索父元素范围的选择器表达式。


contoh

contoh yang lebih

Mengembalikan induk elemen segera <span> elemen
Bagaimana untuk kembali langsung ke elemen induk <span> elemen.

Mempersempit pencarian Anda
Cara menggunakan parameter penyaring untuk kembali setiap <span> elemen induk dengan nama kelas dari "1" <li> elemen.

Mengembalikan setiap <p> elemen segera induk elemen <div> elemen
Bagaimana mengembalikan setiap <p> unsur semua elemen induk langsung dari <div> elemen.

Leluhur elemen dengan elemen nama tag Demo
Demo <span> leluhur elemen.


metode traversal jQuery metode traversal jQuery