jQuery next () الطريقة
مثال
أعد العنصر الشقيق التالي لكل <li> عنصر باسم الفئة "البداية":
$(document).ready(function(){
$("li.start").next().css({"color": "red", "border": "2px solid red"});
});
نتيجة:
ul (parent)
- li (sibling)
- li (sibling)
- li (sibling with class name "start")
- li (sibling)
- li (sibling)
التعريف والاستخدام
تقوم الطريقة () التالية بإرجاع العنصر الشقيق التالي للعنصر المحدد.
عناصر الأشقاء هي عناصر تشترك في نفس الأصل.
شجرة DOM: تنتقل هذه الطريقة للأمام على طول شقيق عناصر DOM التالي.
الطرق ذات الصلة:
- nextAll () - تُرجع جميع العناصر الشقيقة التالية للعنصر المحدد
- nextUntil () - تُرجع جميع العناصر الشقيقة التالية بين وسيطين محددين
بناء الجملة
$(selector).next(filter)
Parameter | Description |
---|---|
filter | Optional. Specifies a selector expression to narrow down the next sibling search |
جربها بنفسك - أمثلة
من عناصر <div>. كيفية تحديد العنصر الشقيق التالي لكل عنصر من عناصر <div>.
كيفية تحديد عنصر <p> الشقيق التالي لكل عنصر من عناصر <div>.