nextUntil()
jQuery nextUntil() metodi
Misol
Klass nomlari "start" va "stop" bo‘lgan ikkita <li> elementi orasidagi barcha qo‘shni elementlarni qaytarish:
$(document).ready(function(){
$("li.start").nextUntil("li.stop").css({"color": "red", "border": "2px solid red"});
});
Natija:
ul (parent)-
li (sibling)
-
li (sibling)
-
li (sibling with class name "start")
-
li (sibling)
-
li (sibling)
-
li (sibling)
-
li (sibling with class name "stop")
Ta’rif va qo‘llanilishi
nextUntil() metodi selector va stop orasidagi barcha keyingi qo‘shni elementlarni qaytaradi.
Qo‘shni elementlar — ota elementi bitta bo‘lgan elementlardir.
DOM daraxti: Bu metod DOM elementlarining qo‘shni elementlari bo‘ylab oldinga harakatlanadi.
Eslatma: Agar ikkala parametr ham bo‘sh bo‘lsa, bu metod keyingi barcha qo‘shni elementlarni qaytaradi (nextAll() metodi kabi).
Tegishli metodlar:
- next() - tanlangan elementdan keyingi qo‘shni elementni qaytaradi
- nextAll() - tanlangan elementdan keyingi barcha qo‘shni elementlarni qaytaradi
Sintaksis
$(selector).nextUntil(stop,filter)
| Parametr | Tavsif |
|---|---|
| stop | Ixtiyoriy. Keyingi mos qo‘shni elementlarni qidirish qayerda to‘xtatilishini ko‘rsatuvchi selektor ifodasi, element yoki jQuery obyekti |
| filter | Ixtiyoriy. selector va stop orasidagi qo‘shni elementlarni qidirishni toraytirish uchun selektor ifodasini belgilaydi Eslatma: Bir nechta qo‘shni elementni qaytarish uchun ifodalarni vergul bilan ajrating. |
O‘zingiz sinab ko‘ring — misollar
Qidiruvni toraytirish
Ikki argument orasidagi keyingi qo‘shni elementlarni qidirishni filtrlash uchun ikkala parametrdan foydalanish.
Bir nechta qo‘shni elementni qaytarish
Ikki argument orasidagi bir nechta qo‘shni elementni qanday qaytarish mumkin.
DOM
Berilgan ikki argument orasidagi barcha qo‘shni elementlarni qaytarish uchun selektor o‘rniga DOM elementidan foydalanish.
DOM’dan ikkala parametr bilan birga foydalanish
Ikki argument orasidagi keyingi qo‘shni elementlar qidiruvini filtrlash uchun selektor o‘rniga DOM elementidan va ikkala parametrdan foydalanish.
W3Schools Pathfinder
Yutuqlaringizni kuzating – bu bepul!