jQuery Traversing - الأجداد
باستخدام jQuery ، يمكنك اجتياز شجرة DOM للعثور على أسلاف عنصر.
الجد هو أحد الوالدين ، والجد ، والأجداد ، وما إلى ذلك.
عبور شجرة DOM
ثلاث طرق jQuery مفيدة لاجتياز شجرة DOM هي:
parent()
parents()
parentsUntil()
jQuery parent () الطريقة
تقوم parent()
الطريقة بإرجاع العنصر الأصل المباشر للعنصر المحدد.
هذه الطريقة تعبر فقط مستوى واحد لأعلى شجرة DOM.
يعرض المثال التالي العنصر الأصل المباشر لكل <span>
عنصر:
مثال
$(document).ready(function(){
$("span").parent();
});
الآباء jQuery () الطريقة
تقوم parents()
الطريقة بإرجاع جميع عناصر الأصل للعنصر المحدد ، وصولاً إلى عنصر جذر المستند ( <html>
).
يعرض المثال التالي جميع أسلاف جميع
<span>
العناصر:
مثال
$(document).ready(function(){
$("span").parents();
});
يمكنك أيضًا استخدام معلمة اختيارية لتصفية البحث عن الأسلاف.
يعرض المثال التالي جميع أسلاف كل <span>
العناصر التي تعتبر <ul>
عناصر:
مثال
$(document).ready(function(){
$("span").parents("ul");
});
jQuery parentUntil () طريقة
تقوم parentsUntil()
الطريقة بإرجاع جميع عناصر الأصل بين وسيطين معينين.
يعرض المثال التالي جميع عناصر الأصل بين a <span>
و a <div>
عنصر:
مثال
$(document).ready(function(){
$("span").parentsUntil("div");
});
تمارين مسج
المرجع العابر لـ jQuery
للحصول على نظرة عامة كاملة على جميع طرق jQuery Traversing ، يرجى الانتقال إلى مرجع jQuery Traversing الخاص بنا .