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

jQuery تمرين مرجع

مثال

ابحث عن جميع div، وكذلك جميع الفقرات الموجودة فيها، وأضف لهم كلا من اسمي الكلاسات. يرجى ملاحظة أن div لا يحتوي على خلفية صفراء لأن لم يتم استخدام .andSelf().

$("div").find("p").andSelf();.addClass("border");
$("div").find("p").addClass("background");

جرب بنفسك

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

يضيف طريقة add() المجموعات الموجودة في المجموعة السابقة في المجموعة الحالية.

النحو

.andSelf();

شرح مفصل

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

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

نتيجة الكود التالي هي أن العناصر 3،4،5 تملك خلفية حمراء:

$("li.third-item").nextAll().andSelf();
  .css("background-color", "red");

جرب بنفسك

أولاً، المبدأ المحدد من المبدأ سيحدد العنصر 3، وسيكون المجموعات الموجودة في المجموعة الأولية تحتوي فقط على العنصر هذا. عند استدعاء .nextAll() سيتم دفع مجموعة العناصر 4،5 إلى المجموعة. في النهاية، عند استدعاء .andSelf() سيتم دمج هاتين المجموعتين، وسيؤدي الجهاز jQuery المكون إلى جميع العناصر الثلاث وفقًا للترتيب في الوثيقة: {[<li.third-item>,<li>,<li> ]}.

jQuery تمرين مرجع