مثال
إرجاع كافة العناصر سلف <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
انها محاولة لنفسك » تعريف واستخدام
على parents() الأسلوب بإرجاع كافة العناصر الجد من العنصر المحدد.
سلف هو والد أو جد، عظيم، جد، وهلم جرا.
شجرة دوم: هذه الطريقة اجتياز صعودا من العنصر الأصلي على طول أسلاف عناصر DOM، وصولا إلى العنصر الجذر الوثيقة (<html>) .
ملاحظة: إذا كانت المعلمة مرشح فارغة، وهذه وظيفة تحديد كافة أسلاف مجموعة من العناصر، من الوالد المباشر وعلى طول الطريق حتى ل <body> و <html> . ولذلك غالبا ما يكون مفيدا لتمرير تعبير محدد لتضييق نتائج البحث.
هذه الطريقة مشابهة ل closest() ، في أن كلا منهما تعبر عن شجرة دوم. الخلافات هي على النحو التالي:
parents()
- يبدأ العنصر الأصلي
- يسافر فوق شجرة دوم وإرجاع جميع أسلاف يطابق التعبير مرت
- يحتوي الكائن مسج عاد صفر أو أكثر من عنصر واحد
closest()
- يبدأ العنصر الحالي
- يسافر فوق شجرة دوم وإرجاع الجد الأول الذي يطابق التعبير مرت
- يحتوي الكائن مسج عاد صفر أو واحد العنصر
أساليب أخرى ذات صلة:
- parent() - إرجاع العنصر الأصل المباشر من العنصر المحدد
- parentsUntil() - إرجاع كافة العناصر سلف بين حجتين نظرا
بناء الجملة
$(selector).parents( filter )
معامل | وصف |
---|---|
الطبقة = "notranslate"فلتر | اختياري. يحدد تعبير محدد لتضييق البحث عن أسلاف ملاحظة: للعودة الأجداد متعددة، افصل كل تعبير بفاصلة. |
انها محاولة لنفسك - أمثلة
تضييق نطاق البحث
كيفية استخدام المعلمة مرشح للعودة عن أسلاف <span> التي <ul> العناصر.
العودة الأجداد متعددة
كيفية استخدام المعلمة مرشح للعودة عن أسلاف <span> التي <li> و <div> العناصر.
عرض أسلاف عنصرا من أسماء العلامات
مظاهرة مما يدل على الذين الأجداد من <span> عنصر في الواقع.