فرزندان در jQuery

قبلی

Descendant فرزند . نوه و .... است

توسط jQuery می توانید به پایین درخت DOM پیمایش کرده و فرزند , نوه و....عناصر را پیدا کنید.

دو روش زیر برای پیمایش درخت DOM به سمت پایین در جی کوئری وجود دارد:

متد ()children اولین فرزند عنصر انتخابی را بر می گرداند.

این متد تنها یک سطحِ رو به پایین را در درخت DOM پیمایش می کند.

مثال زیر تمامی عناصری که فرزند مستقیم تگ <div> هستند را بر می گرداند:

نکته: یک عنصر را فرزند مستقیم عنصری دیگر می گویند هرگاه اختلاف سطح دو عنصر صفر باشد. یعنی بین این دو عنصر، عنصر دیگری قرار نگرفته باشد.

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

برای محدود کردن جستجوی فرزندان یک عنصر می توان یک سری از پارامترها را اعمال کرد.

مثال زیر تمامی تگ های <P> با کلاس "1" که فرزند مستقیم تگ <div> هستند را بر می گرداند:

$(document).ready(function(){
$("div").children("p.1");
});

متد ()find کلیه فرزندان یک عنصر را تا رسیدن به آخرین فرزند، بر می گرداند.

مثال زیر کلیه عناصر <span> که نوه تگ <div> هستند را برمی گرداند:

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

مثال زیر کلیه فرزندان (نوادگان) تگ <div> بر می گرداند:

$(document).ready(function(){
$("div").find("*");
});

توسط jQuery می توانید به پایین درخت DOM پیمایش کرده و فرزند , نوه و....عناصر را پیدا کنید.

قبلی

توسعه دهندگان

آریان آذر