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