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

اجدادی شامل والد، پدر بزرگ، عالی‌پدر و غیره است.

با استفاده از jQuery، شما می‌توانید به سمت بالا در درخت DOM جستجو کنید تا اجدادی عناصر را پیدا کنید.

جستجو به سمت بالا در درخت DOM

این روش‌های jQuery بسیار مفید هستند، آن‌ها برای جستجو به سمت بالا در درخت DOM استفاده می‌شوند:

  • parent
  • parents
  • parentsUntil

روش parent() jQuery

روش parent() عنصر والد مستقیم انتخاب شده را بازگشتی می‌کند.

این روش فقط یک مرحله به سمت بالا در درخت DOM جستجو می‌کند.

در مثال زیر، عنصر والد مستقیم هر <span> بازگشتی می‌شود:

مثال

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

آزمایش کنید

روش parents() jQuery

روش parents() تمام اجدادی عناصر انتخاب شده را بازگشتی می‌کند، از جمله ریشه مستند (<html>).

در مثال زیر، تمام اجدادی تمام عناصر <span> بازگشتی می‌شوند:

مثال

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

آزمایش کنید

شما همچنین می‌توانید از پارامترهای اختیاری برای فیلتر کردن جستجوی اجدادی استفاده کنید.

در مثال زیر، تمام اجدادی تمام عناصر <span> و همچنین آن‌ها عناصر <ul> هستند:

مثال

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

آزمایش کنید

روش parentsUntil() jQuery

روش parentsUntil() تمام اجدادی بین دو عنصر داده شده را بازگشتی می‌کند.

در مثال زیر، تمام عناصر اجدادی بین <span> و <div> بازگشتی می‌شوند:

مثال

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

آزمایش کنید

دستورالعمل مرور jQuery

برای اطلاعات کامل در مورد تمام روش‌های مرور jQuery، لطفاً به دستورالعمل مرور jQuery。