أحدث البرامج التعليمية وتطوير الشبكة
 

jQuery عبور - أحفاد

❮ السابق التالي الفصل ❯

سليلة هو طفل، حفيد، ابن حفيد، وهلم جرا.

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

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

طريقتين مسج مفيدة للعبور أسفل شجرة دوم هي:

  • children()
  • find()

مسج children() الطريقة

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

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

يقوم المثال التالي بإرجاع كافة العناصر التي من الأطفال المباشر لكل <div> عناصر هي:

مثال

$(document).ready(function(){
    $("div").children();
});
انها محاولة لنفسك »

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

يقوم المثال التالي بإرجاع كافة <p> العناصر مع اسم الفئة "first" ، التي هي الأطفال المباشر لل <div> :

مثال

$(document).ready(function(){
    $("div").children("p.first");
});
انها محاولة لنفسك »

مسج find() الطريقة

و find() إرجاع الأسلوب سليل عناصر العنصر المحدد، على طول الطريق وصولا الى سليل الماضي.

يقوم المثال التالي بإرجاع كافة <span> العناصر التي هم من نسل <div> :

مثال

$(document).ready(function(){
    $("div").find("span");
});
انها محاولة لنفسك »

يقوم المثال التالي بإرجاع جميع أحفاد <div> :

مثال

$(document).ready(function(){
    $("div").find("*");
});
انها محاولة لنفسك »

اختبر نفسك مع تمارين!

التمرين 1 » التمرين 2» التمرين 3 » التمرين 4»

مسج تعبر المرجعي

لمحة كاملة عن أساليب مسج العبور، يرجى زيارة موقعنا مسج تعبر المرجعي .


❮ السابق التالي الفصل ❯