parents()
jQuery parents() metodi
Misol
<span> elementining barcha ajdod elementlarini qaytarish:
$(document).ready(function(){
$("span").parents().css({"color": "red", "border": "2px solid red"});
});
Natija:
body (great-great-grandparent)
div (great-grandparent)
ul (grandparent)-
li (direct parent) span
O‘zingiz sinab ko‘ring »
Ta’rif va qo‘llanilishi
parents() metodi tanlangan elementning barcha ajdod elementlarini qaytaradi.
Ajdod — bu ota, bobo, katta bobo va hokazo.
DOM daraxti: Bu metod ota elementdan boshlab DOM elementlarining ajdodlari bo‘ylab hujjatning ildiz elementigacha (<html>) yuqoriga harakatlanadi.
Eslatma: Agar filter parametri bo‘sh bo‘lsa, bu funksiya elementlar to‘plamining bevosita ota elementidan boshlab <body> va <html> gacha bo‘lgan barcha ajdodlarini tanlaydi. Shuning uchun qidiruv natijasini toraytirish maqsadida selektor ifodasini uzatish ko‘pincha foydali bo‘ladi.
Bu metod closest() metodiga o‘xshaydi, chunki ikkalasi ham DOM daraxti bo‘ylab yuqoriga harakatlanadi. Ularning farqlari quyidagicha:
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
closest()
- Joriy elementdan boshlanadi
- DOM daraxti bo‘ylab yuqoriga harakatlanadi va uzatilgan ifodaga mos keladigan birinchi ajdod elementni qaytaradi
- Qaytarilgan jQuery obyekti nol yoki bitta 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
$(selector).parents(filter)
| Parametr | Tavsif |
|---|---|
| filter | Ixtiyoriy. Ajdod elementlarni qidirishni toraytirish uchun selektor ifodasini belgilaydi Eslatma: Bir nechta ajdod elementni qaytarish uchun ifodalarni vergul bilan ajrating. |
O‘zingiz sinab ko‘ring — misollar
Qidiruvni toraytirish
<span> elementining <ul> elementi bo‘lgan barcha ajdodlarini qaytarish uchun filter parametridan qanday foydalanish mumkin.
Bir nechta ajdod elementni qaytarish
<span> elementining <li> va <div> elementlari bo‘lgan barcha ajdodlarini qaytarish uchun filter parametridan qanday foydalanish mumkin.
Elementning ajdodlarini teg nomlari bo‘yicha ko‘rsatish
<span> elementining ajdodlari aslida qaysi elementlar ekanini ko‘rsatuvchi namoyish.
W3Schools Pathfinder
Yutuqlaringizni kuzating – bu bepul!