closest()
jQuery closest() metodi
Misol
<span> elementining <ul> elementi bo‘lgan birinchi ajdod elementini qaytarish:
$(document).ready(function(){
$("span").closest("ul").css({"color": "red", "border": "2px solid red"});
});
Natija:
body (great-great-grandparent)
div (great-grandparent)
ul (second ancestor - second grandparent)
ul (first ancestor - first grandparent)-
li (direct parent) span
O‘zingiz sinab ko‘ring »
Ta’rif va qo‘llanilishi
closest() metodi tanlangan elementning birinchi ajdodini qaytaradi.
Ajdod — bu ota, bobo, katta bobo va hokazo.
DOM daraxti: Bu metod DOM elementlarining birinchi ajdod elementini topish uchun joriy elementdan boshlab hujjatning ildiz elementigacha (<html>) yuqoriga harakatlanadi.
Bu metod parents() metodiga o‘xshaydi, chunki ikkalasi ham DOM daraxti bo‘ylab yuqoriga harakatlanadi. Ularning farqlari quyidagicha:
closest()
- Joriy elementdan boshlanadi
- DOM daraxti bo‘ylab yuqoriga harakatlanadi va uzatilgan ifodaga mos keladigan birinchi (yagona) ajdod elementni qaytaradi
- Qaytarilgan jQuery obyekti nol yoki bitta elementni o‘z ichiga oladi
parents()
- Ota elementdan boshlanadi
- DOM daraxti bo‘ylab yuqoriga harakatlanadi va uzatilgan ifodaga mos keladigan barcha ajdod elementlarni qaytaradi
- Qaytarilgan jQuery obyekti nol yoki undan ko‘p elementni o‘z ichiga oladi
Boshqa tegishli metodlar:
- parent() - tanlangan elementning bevosita ota elementini qaytaradi
- parentsUntil() - berilgan ikki argument orasidagi barcha ajdod elementlarni qaytaradi
Sintaksis
Tanlangan elementning birinchi ajdodini qaytarish:
$(selector).closest(filter)
DOM daraxti ichida qidirish uchun DOM kontekstidan foydalanib birinchi ajdodni qaytarish:
$(selector).closest(filter,context)
| Parametr | Tavsif |
|---|---|
| filter | Majburiy. Ajdod elementlarni qidirishni toraytirish uchun selektor ifodasi, element yoki jQuery obyektini belgilaydi |
| context | Ixtiyoriy. Ichida mos element topilishi mumkin bo‘lgan DOM elementi |
O‘zingiz sinab ko‘ring — misollar
<span> elementining <span> elementi bo‘lgan birinchi ajdodini qaytarish
Bu metod joriy elementdan boshlangani sababli, <span> elementining birinchi <span> ajdodini qidirish shu <span> elementining o‘zini qaytaradi.
Birinchi ajdod element qidiriladigan kontekst sifatida DOM elementini uzatish
Birinchi <ul> elementi qidiriladigan kontekst sifatida DOM elementini uzatish uchun ikkala parametrdan foydalanish.
W3Schools Pathfinder
Yutuqlaringizni kuzating – bu bepul!