متد ()children در jQuery
مثال (متد ()children در jQuery)
عناصری که فرزند مستقیم تگ <ul> هستند را بر می گرداند:
$("ul").children().css({"color": "red", "border": "2px solid red"});
});
تعریف و کاربرد
متد ()children، تمامیِ فرزندان مستقیم عنصر انتخابی را بر می گرداند.
درخت DOM: این متد تنها یک سطح رو به پایین را در درخت DOM پیمایش می کند. برای پیمایش چند سطح رو به پایین (برگرداندن نوه و فرزندان دیگر) از متد ()find استفاده می کنیم.
نکته: برای پیمایش یک سطح رو به بالا در درخت DOM، یا تمامیِ راه ها تا رسیدن به عنصر ریشه، (برگرداندن پدر یا اجداد)، از متد ()parent یا ()parents استفاده می شود.
توجه: این متد نمی تواند گره های متنی را برگرداند. برای برگرداندن تمامیِ فرزندانِ دارای گره متنی از متد ()contents استفاده می کنیم.
نحوه استفاده
| پارامتر | توضیحات |
|---|---|
| filter | اختیاری است. یک عبارت انتخابی برای محدود سازی جستجوی فرزندانِ یک عنصر. |
مثال های خودتان امتحان کنید
برگرداندن فرزندان مستقیم تگ <ul>
چگونگی برگرداندن تمامیِ فرزندان مستقیم تگ <ul>.
محدود سازی جستجو
چگونگی استفاده از پارامتر های محدود سازی برای برگرداندن تمام تگ های <li> با کلاس "1" که فرزند مستقیم تگ <ul> هستند.
برگرداندن تمام تگ های <p> که فرزند مستقیم تگ <div> هستند.
چگونگی انتخاب تمام تگ های <p> که فرزند مستقیم تگ <div> هستند.
نمایش نوادگان یک عنصر با استفاده از نام تگ
نمایشی که نشان می دهد چه عناصری فرزندان مستقیم تگ <div> هستند.
مرجع متدهای پیمایش عناصر در jQuery
- نوشته شده توسط شهربانو دوستی
- بازدید: 4676
