Descendant در jQuery – نسل دوم (نسل بعدی)
یادگیری jQueryمنظور از Descendant ، فرزند ، نوه و مانند آن است.
توسط jQuery می توانید به پایین درخت DOM پیمایش کرده و Descendant عناصر را پیدا کنید.
پیمایش به پایین درخت DOM
متدهای کاربری jQuery برای پیمایش به پایین درخت DOM :
()children
()find
متد ()children
این متد تمام نسل های بعدی مستقیم عنصر انتخاب شده را باز می گرداند.
این متدل فقط یک مرتبه به پایین درخت DOM پیمایش می کند.
مثال زیر تمام عناصری که فرزندان مستقیم آنها <div> هستند را باز می گرداند:
مثال :
$(document).ready(function(){
$("div").children();
});
مشاهده مثال
همچنین با استفاده از پارامتر های اختیاری می توانید برای فیلتر کردن عمل جستجوی نسل های بعدی استفاده کنید.
مثال زیر تمام عناصر<p> را که کلاس آنها first است و نسل بعدی مستقیم شان <div> است را باز می گرداند:
مثال :
$(document).ready(function(){
$("div").children("p.first");
});
مشاهده مثالمتد ()find
این متد تمام عناصر نسل بعدی عنصر انتخاب شده را باز می گرداند
مثال زیر تمام عناصر <span> را که نسل بعدی <div> هستند را باز می گرداند:
مثال :
$(document).ready(function(){
$("div").find("span");
});
مشاهده مثال
این مثال ، تمام نسل بعدی<div> را باز می گرداند:
مثال :
$(document).ready(function(){
$("div").find("*");
});
مشاهده مثال
نظر شما
>