مثال
العودة الجد الأول من <span> ، الذي هو <ul> العنصر:
$(document).ready(function(){
$("span").closest("ul").css({"color": "red", "border": "2px
solid red"});
});
نتيجة:
body (great-great-grandparent)
div (great-grandparent)
ul (second ancestor - second grandparent) ul (first ancestor -
first grandparent) - li (direct parent) span
انها محاولة لنفسك » تعريف واستخدام
و closest() الأسلوب بإرجاع الجد الأول من العنصر المحدد.
سلف هو والد أو جد، عظيم، جد، وهلم جرا.
شجرة دوم: هذه الطريقة اجتياز صعودا من العنصر الحالي، وصولا إلى العنصر الجذر الوثيقة (<html>) ، للعثور على الجد الأول من عناصر DOM.
هذه الطريقة مشابهة ل parents() ، في أن كلا منهما تعبر عن شجرة دوم. الخلافات هي على النحو التالي:
closest()
- يبدأ العنصر الحالي
- يسافر فوق شجرة دوم وإرجاع الأول (واحد) سلف يطابق التعبير مرت
- يحتوي الكائن مسج عاد صفر أو واحد العنصر
parents()
- يبدأ العنصر الأصلي
- يسافر فوق شجرة دوم وإرجاع جميع أسلاف يطابق التعبير مرت
- يحتوي الكائن مسج عاد صفر أو أكثر من عنصر واحد
أساليب أخرى ذات صلة:
- parent() - إرجاع العنصر الأصل المباشر من العنصر المحدد
- parentsUntil() - إرجاع كافة العناصر سلف بين حجتين نظرا
بناء الجملة
العودة الجد الأول من العنصر المحدد:
$(selector).closest( filter )العودة الجد الأول باستخدام سياق DOM للبحث عن شجرة دوم في:
$(selector).closest( filter,context )| معامل | وصف |
|---|---|
| filter | مطلوب. يحدد تعبير محدد، عنصر أو كائن مسج لتضييق البحث سلف |
| context | اختياري. وثمة عنصر DOM التي يمكن خلالها العثور على عنصر المطابقة |
انها محاولة لنفسك - أمثلة
العودة الجد الأول من <span> ، وهذا هو <span> العنصر
لأن هذا الأسلوب يبدأ مع العنصر الحالي، والبحث عن أول <span> من <span> ، سيعود <span> .
تمر في عنصر DOM كما السياق الذي للبحث عن عنصر الجد الأول
باستخدام كل من المعلمات لتمرير في عنصر DOM كما السياق الذي للبحث عن أول <ul> العنصر.