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