jQuery جستجو - روش prevUntil()

دستورالعمل جابجایی jQuery

مثال

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

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

با خودتان امتحان کنید

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

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

عبارت

.slice(selector,end)
پارامتر توضیح
selector

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

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

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

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

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

توضیحات

اگر یک شیء jQuery برای مجموعه‌ای از عناصر DOM داده شود، روش .slice() یک شیء jQuery جدید از مجموعه‌ای از عناصر تطابق‌یافته ایجاد می‌کند. یکی از عناصر در مجموعه پارامترهای 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 اشاره دارند، نه به موقعیت‌های آن‌ها در درخت DOM.

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

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

با خودتان امتحان کنید

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

اعداد منفی

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

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

با خودتان امتحان کنید

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

دستورالعمل جابجایی jQuery