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

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

مثال

پاراگراف‌های والد با کلاس "selected" را پیدا کنید:

$("p").parent(".selected")

آزمایش کنید

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

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

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

شرح دقیق

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

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

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

<ul class="level-1">
  <li class="item-i">I</li>
  <li class="item-ii">II
    <ul class="level-2">
      <li class="item-a">A</li>
      <li class="item-b">B
        <ul class="level-3">
          <li class="item-1">1</li>
          <li class="item-2">2</li>
          <li class="item-3">3</li>
        </ul>
      </li>
      <li class="item-c">C</li>
    </ul>
  </li>
  <li class="item-iii">III</li>
</ul>

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

$('li.item-a').parent()

آزمایش کنید

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

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