طريقة jQuery nextAll ()
مثال
أعد جميع العناصر الشقيقة التالية لكل <li> عنصر باسم الفئة "البداية":
$(document).ready(function(){
$("li.start").nextAll().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)
التعريف والاستخدام
ترجع طريقة nextAll () جميع العناصر الشقيقة التالية للعنصر المحدد.
عناصر الأشقاء هي عناصر تشترك في نفس الأصل.
شجرة DOM: تنتقل هذه الطريقة للأمام على طول أشقاء عناصر DOM.
الطرق ذات الصلة:
- next () - إرجاع العنصر الشقيق التالي للعنصر المحدد
- nextUntil () - تُرجع جميع العناصر الشقيقة التالية بين وسيطين محددين
بناء الجملة
$(selector).nextAll(filter)
Parameter | Description |
---|---|
filter | Optional. Specifies a selector expression to narrow down the search for next siblings Note: To return multiple siblings, separate each expression with a comma. |
جربها بنفسك - أمثلة
كيفية تصفية البحث عن عناصر الأشقاء التالية.
باستخدام معلمة عامل التصفية للحصول على جميع أشقاء عنصر <h2> الذين لديهم أسماء فئات "الأول" و "الثاني" و "الثالث".
كيفية تحديد جميع العناصر الشقيقة التالية لعنصر <p>.
كيفية تحديد جميع عناصر <p> الأخوة التالية لكل عنصر من عناصر <div>.