jQuery تلاش - روش next()

jQuery تلاش مرجع

مثال

جستجو کردن علامت برادر بعدی هر پاراگراف، و تنها پاراگراف‌هایی با نام کلاس "selected" را انتخاب می‌کند:

$("p").next(".selected").css("background", "yellow");

آزماش کنید

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

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

نحوه استفاده

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

شرح دقیق

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

این روش انتخابگر عبارت اختیاری را می‌پذیرد، نوعی که من به تابع $() ارسال می‌کنم. اگر علامت برادر بعدی با این انتخابگر مطابقت دارد، در جعبه جدید 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');.next();.css('background-color', 'red');

آزماش کنید

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

jQuery تلاش مرجع