الآباء jQuery () الطريقة
مثال
إرجاع جميع العناصر الأصلية لـ <span>:
$(document).ready(function(){
$("span").parents().css({"color": "red", "border": "2px solid red"});
});
نتيجة:
body (great-great-grandparent)
div (great-grandparent)
ul (grandparent)
- li (direct parent)
span
التعريف والاستخدام
تقوم طريقة الوالدين () بإرجاع جميع عناصر الأصل للعنصر المحدد.
الجد هو أحد الوالدين ، والجد ، والأجداد ، وما إلى ذلك.
شجرة DOM: تنتقل هذه الطريقة لأعلى من العنصر الأصلي على طول أسلاف عناصر DOM ، وصولاً إلى عنصر جذر المستند (<html>).
ملاحظة: إذا كانت معلمة التصفية فارغة ، فستحدد هذه الوظيفة جميع أسلاف مجموعة من العناصر ، بدءًا من الأصل المباشر وحتى <body> و <html>. لذلك من المفيد غالبًا تمرير تعبير محدد لتضييق نطاق نتيجة البحث.
تشبه هذه الطريقة الطريقة الأقرب () ، حيث يجتاز كلاهما شجرة DOM. الاختلافات هي كما يلي:
الآباء()
- يبدأ بالعنصر الأصل
- ينتقل إلى أعلى شجرة DOM ويعيد جميع الأسلاف التي تطابق التعبير الذي تم تمريره
- يحتوي كائن jQuery الذي تم إرجاعه على صفر أو أكثر من عنصر واحد
الأقرب()
- يبدأ بالعنصر الحالي
- ينتقل إلى أعلى شجرة DOM ويعيد الأصل الأول الذي يطابق التعبير الذي تم تمريره
- يحتوي كائن jQuery الذي تم إرجاعه على صفر أو عنصر واحد
طرق أخرى ذات صلة:
- الأصل () - إرجاع العنصر الأصل المباشر للعنصر المحدد
- ParentsUntil () - تُرجع جميع عناصر الأصل بين وسيطين محددين
بناء الجملة
$(selector).parents(filter)
| Parameter | Description |
|---|---|
| filter | Optional. Specifies a selector expression to narrow down the search for ancestors Note: To return multiple ancestors, separate each expression with a comma. |
جربها بنفسك - أمثلة
كيفية استخدام معلمة التصفية لإرجاع جميع أسلاف عناصر <span> التي هي <ul>.
كيفية استخدام معلمة عامل التصفية لإرجاع جميع أسلاف <span> التي تكون <li> و <div>.
عرض يوضح من هم أسلاف عنصر <span> فعليًا.