jQuery terdekat () Metode
Contoh
Kembalikan leluhur pertama <span>, yaitu elemen <ul>:
$(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
Definisi dan Penggunaan
Metode terdekat() mengembalikan leluhur pertama dari elemen yang dipilih.
Leluhur adalah orang tua, kakek nenek, buyut, dan seterusnya.
Pohon DOM: Metode ini melintasi ke atas dari elemen saat ini, sampai ke elemen akar dokumen (<html>), untuk menemukan nenek moyang pertama elemen DOM.
Metode ini mirip dengan parent() , karena keduanya melintasi pohon DOM. Perbedaannya adalah sebagai berikut:
terdekat()
- Dimulai dengan elemen saat ini
- Menaiki pohon DOM dan mengembalikan leluhur (tunggal) pertama yang cocok dengan ekspresi yang diteruskan
- Objek jQuery yang dikembalikan berisi nol atau satu elemen
orang tua()
- Dimulai dengan elemen induk
- Menaiki pohon DOM dan mengembalikan semua leluhur yang cocok dengan ekspresi yang diteruskan
- Objek jQuery yang dikembalikan berisi nol atau lebih dari satu elemen
Metode terkait lainnya:
- parent() - mengembalikan elemen induk langsung dari elemen yang dipilih
- parentUntil() - mengembalikan semua elemen ancestor antara dua argumen yang diberikan
Sintaksis
Kembalikan leluhur pertama dari elemen yang dipilih:
$(selector).closest(filter)
Kembalikan leluhur pertama menggunakan konteks DOM untuk mencari pohon DOM di dalam:
$(selector).closest(filter,context)
| Parameter | Description |
|---|---|
| filter | Required. Specifies a selector expression, element or jQuery object to narrow down the ancestor search |
| context | Optional. A DOM element within which a matching element may be found |
Cobalah Sendiri - Contoh
Karena metode ini dimulai dengan elemen saat ini, pencarian untuk <span> pertama dari <span>, akan mengembalikan <span>.
Menggunakan kedua parameter untuk meneruskan elemen DOM sebagai konteks untuk mencari elemen <ul> pertama.