بازپرسی - اجداد jQuery

الأباء هم الأب والأجداد والأجداد الأجداد، إلخ.

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

تتبع الشجرة DOM صعوديًا

هذه الطرق في jQuery مفيدة جدًا، وتستخدم لتتبع الشجرة DOM صعوديًا:

  • parent
  • parents
  • parentsUntil

طريقة jQuery parent

تستعيد طريقة parent العنصر الأم المباشر للعنصر المحدد.

يستعيد هذا الطريقة العنصر الأم فقط ويتجول في شجرة DOM.

في المثال التالي، يعود العنصر الأم لكل عنصر <span>:

مثال

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

تجربة شخصية

طريقة jQuery parents

تستعيد طريقة parents جميع الأباء للعناصر المحددة، حتى العنصر الجذر (<html>):

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

مثال

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

تجربة شخصية

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

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

مثال

$(document).ready(function(){
  $("span").parents("ul");
});

تجربة شخصية

طريقة jQuery parentsUntil

يستعيد طريقة parentsUntil بين العناصر الأمامية والخلفية المحددة.

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

مثال

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

تجربة شخصية

دليل مراجعة jQuery البحث

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