سبد (0)

تبلیغات

متد ()find در jQuery

مثال (متد ()find در jQuery)

تمامیِ تگ های <span> که نوه ی تگ <ul> هستند را بر می گرداند:

$(document).ready(function(){
    $("ul").find("span").css({"color": "red", "border": "2px solid red"});
});
خودتان امتحان کنید »

تعریف و کاربرد

متد ()find، نوادگانِ عنصر انتخابی را بر می گرداند.

نسل، نوه، فرزند نوه و به این ترتیب است.

درخت DOM: این متد با حرکت به سمت پایین عناصر DOM، تمامیِ راه ها را تا رسیدن به آخرین نوه، پیمایش می کند.

برای پیمایش تنها یک سطح رو به پایین درخت DOM ( برای بر گرداندن فرزند مستقیم)، از متد ()children استفاده می شود.

توجه: بر خلاف سایر روش های پیمایش عناصر، پارامتر "filter"، برای متد ()find، الزامی است.

نکته: برای برگرداندن تمامیِ نوادگان یک عنصر، از انتخابگر "*" استفاده می شود.


نحوه استفاده

$(selector).find(filter)
پارامترتوضیحات
filter اجباری است. یک عبارت انتخابی، عنصر یا شی جی کوئری، که برای محدود سازی جستجوی نوادگان یک عنصر استفاده می شود.

توجه: برای برگرداندن چند نوه، عبارت ها را با استفاده از کاما از هم جدا می کنیم.
مثالs

مثال های خودتان امتحان کنید

برگرداندن تمام نوادگانِ تگ <html>
استفاده از انتخابگر "*"، برای برگرداندنِ تمامیِ عناصری که فرزندان تگ <html> هستند.

برگردادن تمامیِ تگ های <span> که نوه های تگ <ul> هستند.
چگونگی برگرداندن تمامیِ تگ های <span> که نوه های تگ <ul> هستند.

 انتخاب نوادگان با استفاده از نام کلاس
چگونگی برگرداندن نوادگان یک عنصر، که کلاس آنها "1" است.

برگرداندن چند نوه
چگونگی برگرداندن نوه های متعدد.

محدود سازیِ جستجوی تگ های <span> که از نوادگان تگ <ul> هستند با استفاده از یک شی جی کوئری 
چگونگی برگرداندن تگ های <span>، که از نوادگان تگ <ul> هستند با استفاده از یک شی جی کوئری.

نمایش فرزندان یک عنصر با استفاده از نام تگ 
یک نمایش که نشان می دهد کدام عناصر فرزندانِ واقعی تگ <div> هستند.


jQuery HTML Methodsمرجع متدهای پیمایش عناصر در jQuery

 

COLOR PICKER

colorpicker

تمامی محصولات و خدمات این وبسایت، حسب مورد دارای مجوزهای لازم از مراجع مربوطه می‌باشند و فعالیت‌های این سایت تابع قوانین و مقررات جمهوری اسلامی ایران است.
logo-samandehi مجوز نشر دیجیتال از وزرات فرهنگ و ارشاد اسلامی پرداخت آنلاین -  بانک ملت معرفی بیاموز در شبکه سه پرداخت آنلاین - بانک اقتصاد نوین پرداخت آنلاین - بانک سامان
 
دوره های آموزشی راه اندازی کسب و کارهای اینترنتی
تبلیغات اینترنتی