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')

جربها بنفسك

نتيجة هذه الدعوة هي، إعداد خلفية اللون الأحمر لقائمة المستوى-2. لأننا لم نطبق تعبير المربعات المحددة، أصبح العنصر الأم طبيعيًا جزءًا من العنصر. إذا تم تطبيق تعبير المربعات، فإنه سيتم فحص العنصر لمعرفة ما إذا كان يطابق المربعات قبل العنصر المضمن.

jQuery تمرين مرجع