مثال (متد ()next در jQuery)
همزاد بعدی تگ <li> با کلاس "start" را بر می گرداند:
$(document).ready(function(){
$("li.start").next().css({"color": "red", "border": "2px solid red"});
});
$("li.start").next().css({"color": "red", "border": "2px solid red"});
});
خودتان امتحان کنید »
تعریف و کاربرد
متد ()next همزاد بعدی عنصر انتخابی را بر می گرداند.
عناصر همزاد عناصری هستند که یک پدر مشترک دارند.
درخت DOM: این متد با پیمایش رو به جلو، همزاد بعدی عنصر انتخابی را بر می گرداند.
متد های مشابه:
- ()nextAll- تمامیِ همزاد های بعدی عنصر انتخابی را بر می گرداند.
- ()nextUntil - تمامیِ همزاد های بعدی بین دو پارامتر داده شده را بر می گرداند.
نحوه استفاده
$(selector).next(filter)
| پارامتر | توضیحات |
|---|---|
| filter | اختیاری است. یک عبارت انتخابی است که برای محدود سازی جستجوی همزاد بعدیِ عنصر انتخابی به کار می رود. |
مثال های خودتان امتحان کنید
انتخاب همزاد بعدی تگ <div>
چگونگی انتخاب همزاد بعدیِ تگ <div>.
محدود سازی جستجو
چگونگی انتخاب تگ <p> که همزادِ بعدی تگ <div> است.
مرجع متدهای پیمایش عناصر در jQuery
