nextAll()
jQuery nextAll() metodi
Misol
Klass nomi "start" bo‘lgan har bir <li> elementidan keyingi barcha qo‘shni elementlarni qaytarish:
$(document).ready(function(){
$("li.start").nextAll().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)
Ta’rif va qo‘llanilishi
nextAll() metodi tanlangan elementdan keyingi barcha 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.
Tegishli metodlar:
- next() - tanlangan elementdan keyingi qo‘shni elementni qaytaradi
- nextUntil() - berilgan ikki argument orasidagi barcha keyingi qo‘shni elementlarni qaytaradi
Sintaksis
$(selector).nextAll(filter)
| Parametr | Tavsif |
|---|---|
| filter | Ixtiyoriy. Keyingi 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
Keyingi qo‘shni elementlarni qidirishni qanday filtrlash mumkin.
Bir nechta qo‘shni elementni qaytarish
<h2> elementining klass nomi "first", "second" va "third" bo‘lgan barcha qo‘shni elementlarini olish uchun filter parametridan foydalanish.
<p> elementidan keyingi barcha qo‘shni elementlarni tanlash
<p> elementidan keyingi barcha qo‘shni elementlarni qanday tanlash mumkin.
<div> elementidan keyingi barcha qo‘shni <p> elementlarini tanlash
Har bir <div> elementidan keyingi barcha qo‘shni <p> elementlarini qanday tanlash mumkin.
W3Schools Pathfinder
Yutuqlaringizni kuzating – bu bepul!