طريقة jQuery nextUntil ()
مثال
قم بإعادة جميع العناصر الشقيقة بين عنصرين <li> مع اسم الفئة "بدء" و "إيقاف":
$(document).ready(function(){
$("li.start").nextUntil("li.stop").css({"color": "red", "border": "2px solid red"});
});
نتيجة:
ul (parent)
- li (sibling)
- li (sibling)
- li (sibling with class name "start")
- li (sibling)
- li (sibling)
- li (sibling)
- li (sibling with class name "stop")
التعريف والاستخدام
ترجع طريقة nextUntil () جميع العناصر الشقيقة التالية بين المحدد والإيقاف .
عناصر الأشقاء هي عناصر تشترك في نفس الأصل.
شجرة DOM: تنتقل هذه الطريقة للأمام على طول أشقاء عناصر DOM.
ملاحظة: إذا كانت كلتا المعلمتين فارغتين ، فستُرجع هذه الطريقة جميع العناصر الشقيقة التالية (مثل طريقة nextAll () ).
الطرق ذات الصلة:
- next () - إرجاع العنصر الشقيق التالي للعنصر المحدد
- nextAll () - تُرجع جميع العناصر الشقيقة التالية للعنصر المحدد
بناء الجملة
$(selector).nextUntil(stop,filter)
| Parameter | Description |
|---|---|
| stop | Optional. A selector expression, element or jQuery object indicating where to stop the search for next matching siblings elements |
| filter | Optional. Specifies a selector expression to narrow down the search for sibling elements between the selector and stop Note: To return multiple siblings, separate each expression with a comma. |
جربها بنفسك - أمثلة
باستخدام كلا المعلمتين لتصفية البحث عن العناصر الشقيقة التالية بين وسيطين.
. كيفية إرجاع عناصر متعددة بين وسيطين.
باستخدام عنصر DOM بدلاً من المحدد لإرجاع جميع العناصر الشقيقة وسيطتين محددتين.
باستخدام عنصر DOM بدلاً من المحدد وكلا المعلمتين لتصفية بحث الأخ التالي بين وسيطتين.