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