Contoh
Kembali nenek moyang pertama dari <span> , yang merupakan <ul> elemen:
$(document).ready(function(){
$("span").closest("ul").css({"color": "red", "border": "2px
solid red"});
});
Hasil:
body (great-great-grandparent)
div (great-grandparent)
ul (second ancestor - second grandparent) ul (first ancestor -
first grandparent) - li (direct parent) span
Cobalah sendiri " Definisi dan Penggunaan
The closest() metode mengembalikan leluhur pertama dari elemen yang dipilih.
Leluhur adalah orang tua, kakek-nenek, buyut, dan seterusnya.
DOM tree: Metode ini melintasi ke atas dari elemen saat ini, semua jalan sampai ke elemen akar dokumen (<html>) , untuk menemukan nenek moyang pertama dari elemen DOM.
Metode ini mirip dengan parents() , dalam bahwa mereka berdua melintasi atas pohon DOM. Perbedaan tersebut adalah sebagai berikut:
closest()
- Dimulai dengan elemen saat
- Travels atas pohon DOM dan mengembalikan pertama (tunggal) leluhur yang cocok dengan ekspresi berlalu
- objek jQuery itu kembali mengandung unsur nol atau satu
parents()
- Dimulai dengan elemen induk
- Travels atas pohon DOM dan mengembalikan semua nenek moyang yang cocok dengan ekspresi berlalu
- objek jQuery itu kembali mengandung nol atau lebih dari satu unsur
Metode lain yang terkait:
- parent() - mengembalikan elemen induk langsung dari elemen yang dipilih
- parentsUntil() - mengembalikan semua elemen leluhur antara dua argumen yang diberikan
Sintaksis
Kembali nenek moyang pertama dari elemen yang dipilih:
$(selector).closest( filter )Kembali nenek moyang pertama menggunakan konteks DOM untuk mencari pohon DOM dalam:
$(selector).closest( filter,context )| Parameter | Deskripsi |
|---|---|
| filter | Wajib. Menentukan ekspresi pemilih, elemen atau objek jQuery untuk mempersempit pencarian leluhur |
| context | Pilihan. Sebuah elemen DOM di mana elemen yang cocok dapat ditemukan |
Coba Sendiri - Contoh
Kembali nenek moyang pertama dari <span> , yang merupakan <span> elemen
Karena metode ini dimulai dengan elemen saat ini, pencarian untuk pertama <span> dari <span> , akan kembali <span> .
Lulus dalam elemen DOM sebagai konteks di mana untuk mencari elemen nenek moyang pertama
Menggunakan kedua parameter untuk lulus dalam elemen DOM sebagai konteks di mana untuk mencari pertama <ul> elemen.