أسلوب jQuery الأقرب ()
مثال
إرجاع الأصل الأول لـ <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
التعريف والاستخدام
تُرجع الطريقة الأقرب () الأصل الأول للعنصر المحدد.
الجد هو أحد الوالدين ، والجد ، والأجداد ، وما إلى ذلك.
شجرة DOM: تنتقل هذه الطريقة لأعلى من العنصر الحالي ، وصولاً إلى عنصر جذر المستند (<html>) ، للعثور على الأصل الأول لعناصر DOM.
تشبه هذه الطريقة طريقة الوالدين () ، من حيث أن كلاهما يجتازان شجرة DOM. الاختلافات هي كما يلي:
الأقرب()
- يبدأ بالعنصر الحالي
- ينتقل إلى أعلى شجرة DOM ويعيد الأصل الأول (الفردي) الذي يطابق التعبير الذي تم تمريره
- يحتوي كائن jQuery الذي تم إرجاعه على صفر أو عنصر واحد
الآباء()
- يبدأ بالعنصر الأصل
- ينتقل إلى أعلى شجرة DOM ويعيد جميع الأسلاف التي تطابق التعبير الذي تم تمريره
- يحتوي كائن jQuery الذي تم إرجاعه على صفر أو أكثر من عنصر واحد
طرق أخرى ذات صلة:
- الأصل () - إرجاع العنصر الأصل المباشر للعنصر المحدد
- ParentsUntil () - تُرجع جميع عناصر الأصل بين وسيطين محددين
بناء الجملة
إرجاع الأصل الأول للعنصر المحدد:
$(selector).closest(filter)
قم بإعادة الأصل الأول باستخدام سياق DOM للبحث عن شجرة DOM داخل:
$(selector).closest(filter,context)
Parameter | Description |
---|---|
filter | Required. Specifies a selector expression, element or jQuery object to narrow down the ancestor search |
context | Optional. A DOM element within which a matching element may be found |
جربها بنفسك - أمثلة
لأن هذه الطريقة تبدأ بالعنصر الحالي ، فإن البحث عن أول <span> من <span> ، سيعرض <span>.
باستخدام كلا المعلمتين لتمرير عنصر DOM كسياق للبحث فيه عن عنصر <ul> الأول.