آموزشگاه برنامه نویسی تحلیل داده
آموزشگاه برنامه نویسی تحلیل داده

آموزش پیدا کردن شاخه عناصر ( 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> را بازمی گرداند.

نمونه چهار

 
امتحان کنید
  • 1902
  •    2218
  • تاریخ ارسال :   1394/07/30

دانلود PDF دانلود سورس کد دانلود فیلم آموزشی دانشجویان گرامی اگر این مطلب برای شما مفید بود لطفا ما را در GooglePlus محبوب کنید
رمز عبور: tahlildadeh.com یا www.tahlildadeh.com
آموزش پیدا کردن شاخه عناصر ( ancestors)
ارسال دیدگاه نظرات کاربران
شماره موبایل دیدگاه
عنوان پست الکترونیک

ارسال

آموزشگاه برنامه نویسی تحلیل داده
آموزشگاه برنامه نویسی تحلیل داده

تمامی حقوق این سایت متعلق به آموزشگاه تحلیل داده می باشد .