jQuery Traversing - أحفاد

باستخدام jQuery ، يمكنك اجتياز شجرة DOM للعثور على أحفاد عنصر.

النسل هو الابن ، والحفيد ، وابن الحفيد ، وما إلى ذلك.

عبور أسفل شجرة DOM

هناك طريقتان مفيدتان لـ jQuery لاجتياز شجرة DOM:

تقوم children()الطريقة بإرجاع جميع العناصر الفرعية المباشرة للعنصر المحدد.

تتجاوز هذه الطريقة مستوى واحدًا فقط أسفل شجرة DOM.

يعرض المثال التالي جميع العناصر التي تعتبر توابعًا مباشرًا لكل <div>عنصر:

$(document).ready(function(){
$("div").children();
});

يمكنك أيضًا استخدام معلمة اختيارية لتصفية البحث عن الأطفال.

يعرض المثال التالي جميع <p>العناصر التي تحمل اسم الفئة "first" ، والتي تعتبر عناصر فرعية مباشرة لـ <div>:

$(document).ready(function(){
$("div").children("p.first");
});

تقوم find()الطريقة بإرجاع العناصر الفرعية للعنصر المحدد ، وصولاً إلى العنصر الفرعي الأخير.

يعرض المثال التالي جميع <span>العناصر المتحدرة من <div>:

$(document).ready(function(){
$("div").find("span");
});

يعرض المثال التالي جميع أحفاد <div>:

$(document).ready(function(){
$("div").find("*");
});

للحصول على نظرة عامة كاملة على جميع طرق jQuery Traversing ، يرجى الانتقال إلى مرجع jQuery Traversing الخاص بنا .