متد ()parents در jQuery
مثال (متد ()parents در jQuery)
تمامی اجدادِ تگ <span> را بر می گرداند:
$("span").parents().css({"({"color": "red", "border": "2px solid red"});
});
تعریف و کاربرد
متد ()parents تمامیِ اجدادِ عنصر انتخابی را بر می گرداند.
جد، یک پدر، پدر بزرگ، پدرِ پدر بزرگ و به این ترتیب است.
درخت DOM: این متد با پیمایش به سمت بالا، پدر و اجداد عنصر انتخابی را تا رسیدن به عنصر ریشه (<html>) بر می گرداند.
نکته: در صورتی که پارامترهای فیلتر خالی باشد، این تابع تمامی اجداد مجموعه عناصر، از پدر مستقیم تا رسیدن به تگ <body> و تگ <html> را بر می گرداند.بنابر این پارامتر فیلتر، اغلب برای محدود سازی جستجو مفید است.
این متد، شبیه متد ()closest است. در هر دوی این متد ها درخت DOM به سمت بالا پیمایش می شود .تفاوت آنها به شرح زیر است:
()parents
- با عنصر پدر شروع می شود.
- درخت DOM را به سمت بالا پیمایش می کند و تمامی اجدادی که با عبارت داده شده منطبق باشد را بر می گرداند.
- یک شی جی کوئری را بر می گرداند که حاوی مقدار صفر یا چند عنصر است.
()closest
- از عنصر فعلی شروع می شود.
- درخت DOM را به سمت بالا پیمایش می کند و اولین جد که با عبارت داده شده منطبق باشد را بر می گرداند.
- یک شی جی کوئری را بر می گرداند که حاوی مقدار صفر یا یک است.
متد های مشابه دیگر:
- ()parent - پدر مستقیم عنصر انتخابی را بر می گرداند.
- ()parentsUntil - تمامی اجداد بین دو پارامتر داده شده را بر می گرداند.
نحوه استفاده
| پارامتر | توضیحات |
|---|---|
| filter | اختیاری است.یک عبارت انتخابی برای محدود سازی جستجوی اجداد یک عنصر. نکته: برای برگرداندن چند جد، عبارت ها را با استفاده از کاما جدا می کنیم. |
مثال های خودتان امتحان کنید
چگونگی استفاده از پارامتر های محدود سازی برای برگرداندن تگ های <ul> که جد تگ <span> هستند.
چگونگی استفاده از پارامتر های محدود سازی برای برگرداندن تگ های <li> و <div> که اجداد تگ <span> هستند.
نشان دادن اجداد یک عنصر با استفاده از نام تگ
یک نمایش برای نشان دادن اجداد واقعی تگ <span>.
مرجع متدهای پیمایش عناصر در jQuery
- نوشته شده توسط شهربانو دوستی
- بازدید: 6157
