گردش - نسل‌ها

فرزندان شامل فرزند، نوه، نوه‌نوه و غیره هستند.

با استفاده از 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 برای جستجو。