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