دوره جامع و پروژه‌محور طراحی وب با تمرکز روی JavaScript، Ajax و API! با طراحی ریسپانسیو و پروژه‌های حرفه‌ای مثل دیجی‌کالا و شمرون کباب مهارتت رو حرفه‌ای کن!
مشاهده بیشتر
این دوره شما رو از مفاهیم پایه تا مباحث پیشرفته مثل JavaScript، React و Next.js پیش می‌بره. با آموزش پروژه‌محور، یک فروشگاه اینترنتی کامل طراحی می‌کنید و برای ورود به بازار کار آماده می‌شید!
مشاهده بیشترمشخصات مقاله
-
3883
-
0.0
-
4594
-
0
-
0
آموزش پیدا کردن شاخه عناصر ( ancestors)
در این مقاله ی آموزشی منظور از ancestor، والد، پدربزرگ یا پدر پدر بزرگ یک عنصر است.
jQuery را می توان با استفاده از قابلیت traverse درخت مدل شی گرای سند برای یافتن اجداد یک المان به طرف بالا پیمایش کرد.
پیمایش درخت DOM به سمت بالا
سه متد بسیار سودمند برای پیمایش درخت وراثت مدل DOM به سمت بالا وجود دارد که عبارتند از:
- ()parent
- ()parents
- ()parentsUntil
متد ()parent
این متد والد مستقیم (اولین والد) عنصر مورد نظر را پیدا می کند. این متد تنها یک سطح به سمت بالا را در درخت DOM پیمایش می کند.
نمونه یک
script>
$(document).ready(function () {
$("span").parent().css({ "color": "red", "border": "2px solid red" });
});
متد ()parents
متد ()parents تمامی اجداد (ancestor) المان انتخاب شده را تا رسیدن به عنصر آغازین (تگ <html> را بازمی گرداند.
مثال زیر کلیه ی اجداد المان های <span> را بازیابی می کند:
همچنین می توانید با استفاده از یک پارامتر اختیاری جستجو به دنبال اجداد عناصر انتخابی را فیلتر (دقیق تر و محدودتر) کنید.
نمونه ی زیر تمامی اجداد کلیه ی المان های <span> را تا رسیدن به تگ های<ul> برمی گرداند:
متد ()parentsUntil
متد ()parentsUntil تمامی اجداد بین دو المان انتخاب شده (آرگومان ورودی) را بازگردانی می نماید.
نمونه ی زیر تمامی المان های جد بین دو عنصر <span> و <div> را بازمی گرداند.