jQuery التدوير - طريقة prevUntil()

jQuery التحقق مرجع الدليل

مثال

اختيار جميع الفقرات، ثم تقليل المحتوى المختار ليشمل فقط الفقرة الأولى والثانية:

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

جرب ذلك بنفسك

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

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

القواعد

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

قيمة عددية إجابية تقوم بتحديد موقع البداية للإختيار.

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

قيمة عددية إجابية تقوم بتحديد موقع النهاية للإختيار.

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

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

شرح مفصل

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

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

<ul>
  <li>عنصر القائمة 1</li>
  <li>عنصر القائمة 2</li>
  <li>عنصر القائمة 3</li>
  <li>عنصر القائمة 4</li>
  <li>عنصر القائمة 5</li>
</ul>

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

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

جرب ذلك بنفسك

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

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

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

جرب ذلك بنفسك

الآن، سيتم اختيار العناصر 3 و4 فقط. مرة أخرى، يجب ملاحظة أن المؤشر يبدأ من الصفر؛ النطاق سيتوسع حتى (وليس يحتوي) على المؤشر المحدد.

السلبية الإندراج

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

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

جرب ذلك بنفسك

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

jQuery التحقق مرجع الدليل