next()
jQuery next() metodi
Misol
Klass nomi "start" bo‘lgan har bir <li> elementidan keyingi qo‘shni elementni qaytarish:
$(document).ready(function(){
$("li.start").next().css({"color": "red", "border": "2px solid red"});
});
Natija:
ul (parent)-
li (sibling)
-
li (sibling)
-
li (sibling with class name "start")
-
li (sibling)
-
li (sibling)
Ta’rif va qo‘llanilishi
next() metodi tanlangan elementdan keyingi qo‘shni elementni qaytaradi.
Qo‘shni elementlar — ota elementi bitta bo‘lgan elementlardir.
DOM daraxti: Bu metod DOM elementlarining keyingi qo‘shni elementi bo‘ylab oldinga harakatlanadi.
Tegishli metodlar:
- nextAll() - tanlangan elementdan keyingi barcha qo‘shni elementlarni qaytaradi
- nextUntil() - berilgan ikki argument orasidagi barcha keyingi qo‘shni elementlarni qaytaradi
Sintaksis
$(selector).next(filter)
| Parametr | Tavsif |
|---|---|
| filter | Ixtiyoriy. Keyingi qo‘shni elementni qidirishni toraytirish uchun selektor ifodasini belgilaydi |
O‘zingiz sinab ko‘ring — misollar
Har bir <div> elementidan keyingi qo‘shni elementni tanlash
Har bir <div> elementidan keyingi qo‘shni elementni qanday tanlash mumkin.
Qidiruvni toraytirish
Har bir <div> elementidan keyingi qo‘shni <p> elementini qanday tanlash mumkin.
W3Schools Pathfinder
Yutuqlaringizni kuzating – bu bepul!