parentsUntil()

jQuery parentsUntil() metodi

❮ jQuery traversing metodlari

Misol

<span> va <div> orasidagi barcha ajdod elementlarni qaytarish:

$(document).ready(function(){   $("span").parentsUntil("div").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

parentsUntil() metodi selector va stop orasidagi barcha ajdod elementlarni qaytaradi.

Ajdod — bu ota, bobo, katta bobo va hokazo.

DOM daraxti: Bu metod ota elementdan boshlab DOM elementlarining ajdodlari bo‘ylab muayyan elementga yetguncha hujjatning ildiz elementi tomon yuqoriga harakatlanadi.

Eslatma: Agar ikkala parametr ham bo‘sh bo‘lsa, bu metod barcha ajdod elementlarni qaytaradi ( parents() metodi kabi).

Tegishli metodlar:

  • parent() - tanlangan elementning bevosita ota elementini qaytaradi
  • parents() - tanlangan elementning barcha ajdod elementlarini qaytaradi
  • closest() - tanlangan elementning birinchi ajdodini qaytaradi


Sintaksis

$(selector).parentsUntil(stop,filter)

Parametr Tavsif
stop Ixtiyoriy. Mos ajdod elementlarni qidirish qayerda to‘xtatilishini ko‘rsatuvchi selektor ifodasi, element yoki jQuery obyekti
filter Ixtiyoriy. selector va stop orasidagi 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> va <div> orasidagi muayyan elementni qidirishni filtrlash uchun ikkala parametrdan qanday foydalanish mumkin.

Bir nechta ajdod elementni qaytarish
<span> va <body> orasidagi bir nechta ajdod elementni qanday qaytarish mumkin.

DOM
DOM elementi yordamida <span> va <div> orasidagi barcha ajdod elementlarni qaytarish.

Qidiruvni filtrlash uchun DOM elementi va selektor ifodasidan foydalanish
<span> va <div> orasidagi ajdod elementlar qidiruvini <ul> elementlari bilan toraytirish uchun DOM elementidan foydalanish.


❮ jQuery traversing metodlari

W3Schools Pathfinder

Yutuqlaringizni kuzating – bu bepul!