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