Contoh
Kembali semua elemen leluhur antara <span> dan <div> :
$(document).ready(function(){
$("span").parentsUntil("div").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 parentsUntil() method mengembalikan semua elemen leluhur antara pemilih dan berhenti.
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 akar elemen dokumen, hingga mencapai elemen tertentu.
Catatan: Jika kedua parameter kosong, metode ini akan mengembalikan semua elemen leluhur (sama dengan parents() metode).
metode terkait:
- parent() - mengembalikan elemen induk langsung dari elemen yang dipilih
- parents() - kembali semua elemen leluhur elemen yang dipilih
- closest() - mengembalikan nenek moyang pertama dari elemen yang dipilih
Sintaksis
$(selector).parentsUntil( stop,filter )| Parameter | Deskripsi |
|---|---|
| stop | Pilihan. Ekspresi pemilih, elemen atau objek jQuery menunjukkan di mana untuk menghentikan pencarian untuk pencocokan elemen leluhur |
| filter | Pilihan. Menentukan ekspresi pemilih untuk mempersempit pencarian leluhur antara pemilih dan berhenti Catatan: Untuk kembali beberapa nenek moyang, memisahkan setiap ekspresi dengan koma. |
Coba Sendiri - Contoh
Mempersempit pencarian
Cara menggunakan kedua parameter untuk menyaring pencarian elemen tertentu antara <span> dan <div> .
Kembali beberapa nenek moyang
Cara kembali beberapa nenek moyang antara <span> dan <body> .
DOM
Kembali semua nenek moyang antara <span> dan <div> menggunakan elemen DOM.
Menggunakan elemen DOM dan ekspresi pemilih untuk menyaring pencarian
Menggunakan elemen DOM untuk mempersempit pencarian leluhur untuk <ul> elemen antara <span> dan <div> .