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

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

مثال

جستجو کردن اولین div بعدی همه نام‌های کلاس و به آنها کلاس اضافه کردن:

$("div:first").nextAll().addClass("after");

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

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

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

قانون‌نویسی

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

توضیحات

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

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

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

<ul>
   <li>مورد لیست 1</li>
   <li>مورد لیست 2</li>
   <li class="third-item">مورد لیست 3</li>
   <li>مورد لیست 4</li>
   <li>مورد لیست 5</li>
</ul>

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

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

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

نتیجه این فراخوانی این است که پروژه 4 و 5 به رنگ پس‌زمینه قرمز تنظیم شده‌اند. چون ما انتخاب‌گر عبارت را اعمال نکرده‌ایم، علامت بعدی به وضوح به عنوان بخشی از یک شیء شامل می‌شود. اگر ما انتخاب‌گر را اعمال کرده باشیم، قبل از شامل شدن آن، بررسی می‌شود که آیا با آن مطابقت دارد یا خیر.

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