دوره های آموزشی آکادمی پی وی لرن (پروژه محور و ویژه بازار کار)



  • ۲۶
  • آبان

جلسه ۲۲ : عناصر والد در تکنیک Traversing در jQuery

  • دسته‌بندی‌ها :
جلسه ۲۲ : عناصر والد در تکنیک Traversing در jQuery
    • جزئیات
    • نوع محتواآموزش تصویری

      مقدمه

      با عرض سلام و وقت بخیر خدمت کاربران سایت پی وی لرن . و کاربرانی که دوره کامل آموزش jQuery ، را دنبال می کنند.در ادامه ی بخش قبلی این فصل که به معرفی و بررسی مفاهیم تکنیک Traversing، پرداخته بودیم. در این بخش قصد داریم به مبحث عناصر والد یا ancestor در تکنیک Traversing در jQuery و توابع عناصر والد درخت DOM ، بپردازیم.

      در بخش قبلی به مقدمه ای بر تکنیک Traversing ، پرداختیم. و تعریف و مفاهیم این تکنیک را بصورت خلاصه و روشن، بیان کردیم.

      اکنون در ادامه مباحث قبلی ، در تکمیل مبحث تکنیک تکنیک Traversing ، در این بخش به موضوع عناصر والد یا ancestor در تکنیک Traversing در jQuery ، می پردازیم.

       

      عناصر والد یا ancestor در تکنیک Traversing در jQuery

      عناصر والد یا ancestor در تکنیک Traversing در jQuery

       

      عناصر والد یا ancestor در تکنیک Traversing در jQuery

      ancestor یک عنصر والد است. پدر ، پدر بزرگ و… به همین ترتیب تا بالاترین،  والد ادامه دارد.

      در jQuery ، می توانید با استفاده از درخت Traversing (که به آن درخت DOM نیز گفته می شود.) ، که در بخش قبلی نیز به آن اشاره شد، به عناصر والد یا ancestor ، دسترسی داشته باشید.

      توابع عناصر والد درخت DOM

      سه تابع برای دستیابی به عناصر درخت DOM ، عبارتند از :

      • ()parent
      • ()parents
      • ()parentsUntil

      تابع ()parent

      تابع ()parent ، عنصر والد مستقیم یک عنصر انتخاب شده را بر می گرداند.

      این روش فقط یک سطح از درخت DOM ، را می پیماید.

      مثال زیر چگونگی دستیابی به عنصر والد مستقیم،عناصر <span> ، را نشان می دهد:

      مثال : 

      تابع ()parents

      تابع ()parents ، تمام عناصر والد (ancestor) ، مربوط به عنصر انتخاب شده را (تا رسیدن به تگ <html>)، بر می گرداند.

      مثال زیر ، تمام عناصر والد مربوط به عناصر <span> ، را برمی گرداند:

      مثال : 

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

      مثال زیر تمام عناصر والد عناصر <span> ، را که داری تگ <ul> ، باشند. را پیدا می کند:

      مثال : 

      تابع ()parentsUntil

      از تابع ()parentsUntil ، برای برگرداندن تمام عناصر والد بین دو عنصر مشخص شده ، استفاده می شود.

      مثال: برگرداندن تمام عناصر والد بین دو عنصر <span> و <div> :

      مثال : 

       

      کلام آخر

      بعد از ارائه توضیحاتی در مورد مفاهیم تکنیک Traversing  و درخت DOM ، در بخش قبلی ، در این بخش نیز ، در ادامه بخش قبلی به موضوع عناصر والد یا ancestor در تکنیک Traversing در jQuery ، پرداختیم. امیدواریم که این مبحث نیز مورد توجه و استفاده ی شما ، قرار گرفته باشد.

       

      QR:  جلسه ۲۲ : عناصر والد در تکنیک Traversing در jQuery
      به اشتراک بگذارید