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