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

jQuery تمرین مرجع

مثال

با اضافه کردن یک کلاس مناسب به div با index 2، آن را به رنگ آبی تبدیل می‌کنیم:

$("body").find("div").eq(2).addClass("blue");

آزمایش کنید

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

روش eq() مجموعه عنصرهای جویای را به عنصر مشخص شده توسط index کاهش می‌دهد.

قانون‌نویسی

.eq(index)
پارامتر توضیح
index

عدد صحیح، نشان‌دهنده موقعیت عنصر (کمترین آن 0 است).

اگر منفی باشد، از آخرین عنصر در مجموعه به عقب شمارش می‌کند.

توضیحات

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

مثال 1

ما می‌توانیم این روش را به مجموعه این پروژه‌ها اعمال کنیم:

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

آزمایش کنید

نتیجه این فراخوانی برای تنظیم پس‌زمینه پروژه 3 به قرمز است. توجه داشته باشید که index بر اساس صفر است و در جعبه جویای jQuery به موقعیت عنصر اشاره می‌کند، نه در درخت DOM.

مثال 2

اگر عدد منفی ارائه شود، اشاره‌گر به موقعیت از پایان مجموعه شروع می‌شود، نه از شروع. به عنوان مثال:

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

آزمایش کنید

این بار، پس‌زمینه پروژه 4 به قرمز تغییر می‌کند، زیرا او دومین است که از پایان مجموعه شروع می‌شود.

مثال 3

اگر نتوانید بر اساس پارامتر index مشخص شده، عنصر پیدا کنید، این روش یک جعبه جویای خالی با طول خاصیت 0 ایجاد می‌کند.

$('li').eq(5).css('background-color', 'red');

آزمایش کنید

در اینجا، هیچ لیست‌ای به قرمز نمی‌شود، زیرا لیست ششم که توسط .eq(5) اشاره شده است.

jQuery تمرین مرجع