پیدا کردن والد یک عنصر در jQuery
در اینجا منظور از والدین یا اجداد یک عنصر، پدر، پدربزرگ، پدرِ پدربزرگ و به همین ترتیب است.
در جی کوئری با استفاده از روش های پیمایش، می توان یک درخت DOM را برای یافتن اجداد یک عنصر به سمت بالا پیمایش کرد.
پیمایش درخت DOM به سمت بالا
سه روش زیر برای پیمایش درخت DOM به سمت بالا در جی کوئری وجود دارد:
- () parent
- () parents
- () parentsUntil
متد ()parent در jQuery
متد ()parent اولین پدر یک گره یا عنصر را بر می گرداند.
این متد تنها یک سطحِ رو به بالا را در درخت DOM پیمایش می کند.
در مثال زیر، اولین پدر عنصر <span> انتخابی بر گردانده می شود.
مثال (پیدا کردن والد یک عنصر در jQuery)
$("span").parent();
});
خودتان امتحان کنید »
متد ()parents در jQuery
متد ()parents همه اجداد عنصر انتخابی را تا رسیدن به عنصر ریشه که همان تگ <html> می باشد را برمی گرداند.
مثال زیر تمامی اجداد تگ <span> را بر می گرداند:
مثال (پیدا کردن والد یک عنصر در jQuery)
$("span").parents();
});
خودتان امتحان کنید »
برای محدود کردن جستجوی اجداد یک عنصر می توان یک سری از پارامترها را اعمال کرد.
در مثال زیر اجداد تگ <span> تا رسیدن به تگ <ul> بر گردانده می شود:
مثال (پیدا کردن والد یک عنصر در jQuery)
$("span").parents("ul");
});
خودتان امتحان کنید »
متد ()parentsUntil در jQuery
متد ()parentsUntil تمامی اجداد، بین دوعنصر انتخابی را برمی گرداند.
در مثال زیر تمامی گره های پدری بین دو تگ <span> و <div> برگردانده می شود:
مثال (پیدا کردن والد یک عنصر در jQuery)
$("span").parentsUntil("div");
});
خودتان امتحان کنید »
مرجع کلیه متدهای پیمایش در jQuery
برای اطلاع از سایر متد های پیمایش در جی کوئری می توانید از لینک روبرو استفاده کنید: مرجع متدهای پیمایش عناصر در jQuery
- نوشته شده توسط شهربانو دوستی
- بازدید: 12838
دیدگاه‌ها
ممنون بابت مطالبه خوبتون ..خدا قوت