jQuery تمرين - prevUntil() method

مثال

البحث عن جميع العناصر التي تحتوي على اسم فئة "selected" من جميع同胞 العناصر لكل عنصر p:

$("p").siblings(".selected")

جرب بنفسك

تعريف والاستخدام

obtain siblings of each element in the matching set by selector, which is optional.

النحو

.siblings(selector)
المعامل وصف
selector قيمة سلسلة تحتوي على تعبير المبدأ المستخدم للتوافق مع العناصر.

شرح مفصل

إذا تم تقديم جسم jQuery يمثل مجموعة عناصر DOM، يسمح لنا طريقة .siblings() البحث عن العناصر الأشقاء لهذه العناصر في شجرة DOM، وإنشاء jQuery object جديد من العناصر التي تتطابق مع العناصر.

يقبل هذا الطريقة تعبير اختياري للمبدأ، من نوع المعاملات التي نمررها إلى دالة $(). إذا تم تطبيق هذا المبدأ، سيتم تصفية العناصر من خلال فحص ما إذا كانت العناصر تتطابق مع هذا المبدأ.

تفكر في هذه الصفحة التي تحتوي على قائمة مدمجة أساسية:

<ul>
   <li>عنصر قائمة 1</li>
   <li>عنصر قائمة 2</li>
   <li class="third-item">عنصر قائمة 3</li>
   <li>عنصر قائمة 4</li>
   <li>عنصر قائمة 5</li>
</ul>

إذا بدأنا من المشروع الثالث، فإننا نستطيع العثور على العناصر الأشقاء لهذا العنصر:

$('li.third-item').siblings().css('background-color', 'red');

جرب بنفسك

النتيجة التي يتم تمريرها هنا هي إعداد لون الخلفية للمشاريع 1، 2، 4 و 5 إلى الأحمر. إعداد الخلفية إلى اللون الأحمر. لأننا لم نطبق تعبير المبدأ، أصبحت جميع العناصر الأشقاء جزءًا طبيعيًا من العنصر. إذا تم تطبيق المبدأ، فإنه سيشمل فقط المشاريع التي تتطابق مع الأربعة قوائم.

العناصر الأصلية لا تحتوي على أبناء العناصر الأشقاء، عندما نحن على وشك العثور على جميع العناصر في مستوى معين من شجرة DOM، من المهم تذكر شيء.