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

دستورالعمل مرور jQuery

مثال

محل‌یابی تمام div‌های قبل از آخرین div و افزودن کلاس به آنها:

$("div:last").prevAll().addClass("before");

به طور شخصی امتحان کنید

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

prevAll() عناصر همسایه قبلی هر عنصر در مجموعه‌ی تطبیق یافته را به دست می‌آورد، استفاده از انتخابگر برای فیلتر کردن اختیاری است.

نحوه‌ی استفاده

.prevAll(selector)
پارامتر توضیح
selector مقدار رشته‌ای که شامل عبارت انتخابگر برای تطبیق عناصر است.

توضیحات دقیق

اگر یک شیء jQuery نشان‌دهنده مجموعه‌ای از عناصر DOM داده شود، روش .prevAll() به ما اجازه می‌دهد تا در درخت DOM عناصر همسایه قبلی این عناصر را جستجو کنیم و یک شیء jQuery جدید با عناصر همسان ایجاد کنیم.

این روش پارامتر انتخابگر عبارت اختیاری را می‌پذیرد، که با نوع پارامتری که به تابع $() ارسال می‌کنیم، مشابه است. اگر این انتخابگر اعمال شود، عناصر با بررسی اینکه آیا با این انتخابگر مطابقت دارند یا خیر، فیلتر می‌شوند.

به این صفحه با لیست‌های پیچیده اولیه فکر کنید:

<ul>
   <li>list item 1</li>
   <li>list item 2</li>
   <li class="third-item">list item 3</li>
   <li>list item 4</li>
   <li>list item 5</li>
</ul>

اگر ما از سومین پروژه شروع کنیم، می‌توانیم عناصر همسایه بین این عناصر را پیدا کنیم:

$('li.third-item').prevAll().css('background-color', 'red');

به طور شخصی امتحان کنید

نتیجه‌ای که در اینجا فراخوانی می‌شود، این است که پروژه 2 و پروژه 1 را با پس‌زمینه قرمز تنظیم کنیم. به دلیل اینکه ما انتخابگر عبارت را اعمال نکرده‌ایم، این عناصر قبلی به طور طبیعی به عنوان بخشی از یک شیء در نظر گرفته می‌شوند. اگر انتخابگر اعمال شده باشد، قبل از اینکه عناصر شامل شوند، بررسی می‌شود که آیا این عناصر با انتخابگر مطابقت دارند یا خیر.

دستورالعمل مرور jQuery