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