التحور - الأبناء في jQuery

الأبناء هم الأبناء، والأحفاد، والأبناء الأبناء، إلخ.

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

التسلسل إلى أسفل شجرة DOM

هذه طريقتان لتحديد التسلسل إلى أسفل شجرة DOM باستخدام jQuery:

  • children()
  • find()

طريقة jQuery children()

يستخدم طريقة children() لتحديد جميع الأبناء المباشرين للعناصر المختارة.

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

في المثال التالي، يعود جميع الأبناء المباشرين لكل عنصر <div>:

مثال

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

تجربة شخصية

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

في المثال التالي، يعود جميع العناصر <p> التي لها اسم فئة "1"، وهي أبناء مباشرين لـ <div>:

مثال

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

تجربة شخصية

طريقة jQuery find()

يستخدم طريقة find() لتحديد الأبناء للعناصر المختارة، ويمكنها التسلسل إلى العناصر الابنة حتى العنصر الابن الأخير.

في المثال التالي، يعود جميع العناصر <span> التي تنتمي إلى الأبناء <div>:

مثال

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

تجربة شخصية

في المثال التالي، يعود <div> إلى جميع الأبناء:

مثال

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

تجربة شخصية

دليل مرجع jQuery التحقق

للتعرف على جميع طرق التحقق في jQuery، يرجى زيارة دليل مرجع jQuery التحقق