جومو پیمایش - روش prev()

مثال

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

$("p").prev(".selected")

آزمایش کنید

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

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

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

توضیحات دقیق

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

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

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

<ul>
   <li>نقش لیست 1</li>
   <li>نقش لیست 2</li>
   <li class="third-item">نقش لیست 3</li>
   <li>نقش لیست 4</li>
   <li>نقش لیست 5</li>
</ul>

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

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

آزمایش کنید

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

" -->