jQuery 遍历 - prevUntil() 方法

jQuery 遍历参考手册

实例

选中所有段落，然后将所选内容缩减为只包含第一和第二个段落：

$("p").slice(0, 2).wrapInner(");

جربها بنفسك

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

slice() تقلل مجموعة العناصر التي تتطابق معها إلى مجموعة فرعية تتناسب مع نطاق الأرقام المحددة.

النحو

.slice(selector,end)
معامل وصف
selector

عدد كامل مبتدأ من الصفر،يحدد موقع العنصر الذي يبدأ فيه الاختيار.

إذا كانت سلبية،فإنها تشير إلى عدد النقاط التي تبدأ من نهاية المجموعة.
end

عدد كامل مبتدأ من الصفر،يحدد موقع العنصر الذي ينتهي فيه الاختيار.

إذا كانت سلبية،فإنها تشير إلى عدد النقاط التي تبدأ من نهاية المجموعة.

إذا تم تمريرها،ستنتهي نطاق الاختيار في نهاية المجموعة.

شرح مفصل

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

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

<ul>
  <li>list item 1</li>
  <li>list item 2</li>
  <li>list item 3</li>
  <li>list item 4</li>
  <li>list item 5</li>
</ul>

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

$('li').slice(2).css('background-color', 'red');

جربها بنفسك

النتيجة من هذه الطلبات هي إعداد لون الخلفية للعناصر 3،4 و5 إلى اللون الأحمر.لاحظ أن المعاملات التي تم تطبيقها تعتمد على الصفر،وتشير إلى موقع العناصر في jQuery،و ليست في شجرة DOM.

يسمح لنا معامل النهاية بتحديد نطاق الاختيار بشكل أعمق.على سبيل المثال:

$('li').slice(2, 4).css('background-color', 'red');

جربها بنفسك

الآن،سيتم اختيار العناصر 3 و4 فقط.إعادة التأكيد،الـindex مبتدأ من الصفر؛ستتوسع النطاق إلى (لكن لا يتضمن) index المحدد.

الأسس السلبية

يحاكي طريقة .slice() في jQuery طريقة .slice() في كائنات الجافاسكربت للعدادات.من خصائصه التي يحاكيها هو القدرة على إرسال أرقام سلبية كمعاملات البداية أو النهاية.إذا تم تقديم أرقام سلبية،فإنها تشير إلى موقع بدء من نهاية المجموعة، وليس من البداية.على سبيل المثال:

$('li').slice(-2, -1).css('background-color', 'red');

جربها بنفسك

المره دا،فقط العنصر 4 سيكون أحمر،لأن هذا العنصر هو العنصر الوحيد في نطاق بين من يبدأ من النهاية (-2) ومن يبدأ من النهاية (-1).

jQuery 遍历参考手册