jQuery تمرين - طريقة nextUntil()

jQuery تمرين مرجع

مثال

البحث عن الإخوة التالية لـ <dt id="term-2"> حتى <dt> التالية، ثم أضف لهم لون خلفية أحمر. ابحث عن الإخوة التالية لـ <dd> التالية لـ <dt id="term-1"> حتى <dt id="term-3">، وأضف لهم لون نص أزرق.

$("#term-2").nextUntil("dt").css("background-color", "red");
var term3 = document.getElementById("term-3");
$("#term-1").nextUntil(term3, "dd").css("color", "blue");

تجربة شخصية

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

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

النص التوضيحي 1

.nextUntil(selector,filter)
معامل وصف
selector قيمة سلسلة تحتوي على تعبير العنصر المستخدم للتوافق مع مكان التوقف عن مطابقة الإخوة التالية.
filter قيمة سلسلة تحتوي على تعبير العنصر المستخدم للتوافق مع العناصر.

النص التوضيحي 2

.nextUntil(element,filter)
معامل وصف
element يحدد مكان التوقف عن مطابقة الإخوة التالية للعنصر المحدد عقدة DOM أو jQuery Object.
filter قيمة سلسلة تحتوي على تعبير العنصر المستخدم للتوافق مع العناصر.

شرح مفصل

إذا تم تقديم jQuery Object يمثل مجموعة عناصر DOM، فإن طريقة .nextUntil() تسمح لنا بالبحث عن الإخوة التالية للعناصر في شجرة DOM، عندما يتم الوصول إلى العنصر الذي يتم مطابقته من قبل معامل هذه الطريقة، فإن البحث يتوقف. يحتوي الجهاز الجديد jQuery على جميع الإخوة التالية، ولكن لا يحتوي على العنصر الذي يتم مطابقته من قبل المعامل.

إذا لم تطابق العنصر المحدد أو لم يتم تحديد العنصر المحدد، فإنه سيتم اختيار جميع الإخوة التالية؛ إذا لم يتم تقديم عنصر فرز، فإن العناصر التي يتم اختيارها من قبل هذه الطريقة هي نفسها التي يتم اختيارها من قبل طريقة .nextAll().

لـ jQuery 1.6، يمكن إرسال عقدة DOM أو jQuery Object بدلاً من العنصر المحدد إلى طريقة .nextUntil().

يستقبل هذا الطريقة تعبير اختياري للعنصر المحدد كثاني معامل. إذا تم تحديد هذا المعامل، فإنه سيتم فرز العناصر من خلال التحقق من مطابقة العناصر مع هذا العنصر المحدد.

jQuery تمرين مرجع