jQuery مرور - روش prevUntil()

jQuery تربیط مرجع

مثال

انتخاب تمامی پاراگراف‌ها، سپس محتوای انتخاب شده را به اولین و دومین پاراگراف محدود کنید:

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

خودش امتحان کن

تعریف و استفاده

slice() مجموعه‌ای از عناصر تطابق‌یافته را به مجموعه فرزندان در محدوده شمارش مشخص شده کاهش می‌دهد.

نحوه‌ی نوشتن

.slice(selector,end)
پارامتر شرح
selector

اعداد صحیح بر اساس صفر، نشان‌دهنده موقعیت شروع انتخاب است.

اگر منفی باشد، نشان‌دهنده یک انحراف از انتهای مجموعه است.
end

اعداد صحیح بر اساس صفر، نشان‌دهنده موقعیت پایان انتخاب است.

اگر منفی باشد، نشان‌دهنده یک انحراف از انتهای مجموعه است.

اگر حذف شود، محدوده انتخاب شده در انتهای مجموعه پایان می‌یابد.

شرح جزئی

اگر یک جعبه jQuery که نشان‌دهنده مجموعه‌ای از عناصر DOM است داده شود، روش .slice() یک جعبه jQuery جدید با مجموعه فرزندان انتخاب شده ایجاد می‌کند. یکی از عناصر در مجموعه پارامترهای index اعمال شده؛ اگر پارامتر end حذف شود، تمام عناصر بعد از index شامل می‌شوند.

به این صفحه با لیست ساده فکر کنید:

<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 به قرمز تغییر می‌یابد. توجه داشته باشید که پارامترهای index اعمال شده بر اساس صفر هستند؛ این‌ها به موقعیت‌های عناصر در جعبه jQuery اشاره دارند، نه در درخت DOM.

پارامتر end به ما اجازه می‌دهد تا محدوده انتخاب شده را بیشتر محدود کنیم. به عنوان مثال:

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

خودش امتحان کن

در حال حاضر، فقط آیتم‌های 3 و 4 انتخاب می‌شوند. دوباره تاکید می‌کنم که index بر اساس صفر است؛ محدوده تا (اما شامل) index مشخص شده گسترش می‌یابد.

اعداد منفی

مетод .slice() jQuery مشابه روش .slice() جاوااسکریپت نمونه جمعیت جاوااسکریپت است. یکی از ویژگی‌هایی که تقلید می‌کند، توانایی انتقال اعداد منفی به پارامترهای start یا end است. اگر اعداد منفی ارائه شود، این نشان‌دهنده یک موقعیت از انتهای مجموعه است، نه از ابتدای آن. به عنوان مثال:

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

خودش امتحان کن

این بار، فقط آیتم 4 قرمز خواهد شد، زیرا این پروژه تنها آیتمی است که در محدوده بین شمارش از انتهای (-2) و شمارش از انتهای یک (-1) قرار دارد.

jQuery تربیط مرجع