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

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

مثال

برای پیدا کردن همه برادران هر عنصر p که نام کلاس آنها "selected" است، جستجو کنید:

$("p").siblings(".selected")

آزمایش کنید

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

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

نحوه استفاده

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

توضیحات دقیق

اگر یک شیء jQuery نشان‌دهنده مجموعه‌ای از عناصر DOM داده شود، روش .siblings() به ما اجازه می‌دهد تا در درخت 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');.siblings();.css('background-color', 'red');

آزمایش کنید

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

عناصر اصلی در میان برادران خود قرار ندارند، زمانی که قصد داریم همه عناصر در لایه خاصی از درخت DOM را پیدا کنیم، نکته‌ای مهم را به خاطر بسپارید.

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