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

پیدا کردن زیرشاخه های یک عنصر وب

دوره های مرتبط با این مقاله

در این مبحث آموزشی منظور از descendant ، فرزند ، نوه یا فرزند نوه و غیره .. می باشد.
در jQuery با استفاده از قابلیت پیمایش (traverse)، می توان یک درخت DOM را جهت پیدا کردن فرزندان یا زیرمجموعه های یک المان رو به پایین پیمایش کرد.

پیمایش درخت DOM به سمت پایین

دو متد ویژه ی پیمایش درخت DOM به سمت پایین در jQuery وجود دارد که به ترتیب زیر می باشد:

  • ()children
  • ()find

متد ()children

متد ()children اولین فرزند (تمامی زیرمجموعه های مستقیم) المان انتخابی را بازیابی می کند.
متد ذکر شده فقط یک سطح به سمت پایین در درخت DOM را پیمایش می کند.
در نمونه ی زیر همه ی المان هایی که فرزند مستقیم عنصر <div> هستند بازگردانی می شوند.

نمونه یک

   
امتحان کنید

دقت داشته باشید که یک عنصر را تنها زمانی فرزند یا زیرمجموعه ی مستقیم عنصری دیگر می نامند که از نظر سطح بین دو عنصر اختلافی وجود نداشته باشد؛ به عبارت دقیقتر بین دو عنصر مد نظر، عنصر دیگری وجود نداشته باشد.
نمونه ی زیر کلیه ی المان های <p> که شامل کلاس "first" بوده و فزرندان مستقیم تگ <div> هستند را برمی گرداند:

نمونه دو

    
امتحان کنید

متد ()find

متد ()find کلیه ی عنصر های زیرمجموعه ی المان گزینش شده را تا رسیدن به آخرین المان فرزند (زیرمجموعه) بازمی گرداند.
مثال زیر تمامی المان های <span> زیر مجموعه ی عنصر <div> هستند را بازگردانی می نماید:

نمونه سه

 
امتحان کنید

نمونه ی زیر تمامی زیرمجموعه های المان <div> را برمی گرداند:

نمونه چهار

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

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

ارسال

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

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