مثال
إرجاع كافة العناصر الأخوة القادمة من كل <li> عنصر مع اسم الفئة "start" :
$(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.
طرق ذات الصلة:
- next() - إرجاع بعنصر القادم من العنصر المحدد
- nextUntil() - إرجاع كافة العناصر الأخوة المقبلة بين حجتين نظرا
بناء الجملة
$(selector).nextAll( filter )| معامل | وصف |
|---|---|
| filter | اختياري. يحدد تعبير محدد لتضييق البحث عن الأشقاء القادمة ملاحظة: للعودة الأشقاء متعددة، افصل كل تعبير بفاصلة. |
انها محاولة لنفسك - أمثلة
تضييق نطاق البحث
كيفية تصفية البحث عن عناصر الأخوة المقبلة.
عودة الأشقاء متعددة
باستخدام المعلمة مرشح للحصول على كل الأشقاء ل <h2> العنصر لها أسماء فئة "first", "second" و "third" .
تحديد كافة العناصر الأخوة التالية من <p> عنصر
كيفية تحديد كافة العناصر الأخوة التالية من <p> العنصر.
تحديد كافة الأخوة المقبل <p> عناصر <div>
كيفية تحديد كافة الأخوة المقبل <p> عناصر كل <div> العنصر.