با عرض سلام و وقت بخیر خدمت کاربران سایت پی وی لرن . و کاربرانی که دوره کامل آموزش jQuery ، را دنبال می کنند.در ادامه ی بخش قبلی این فصل که به معرفی و بررسی مفاهیم تکنیک Traversing، پرداخته بودیم. در این بخش قصد داریم به مبحث عناصر والد یا ancestor در تکنیک Traversing در jQuery و توابع عناصر والد درخت DOM ، بپردازیم.
در بخش قبلی به مقدمه ای بر تکنیک Traversing ، پرداختیم. و تعریف و مفاهیم این تکنیک را بصورت خلاصه و روشن، بیان کردیم.
اکنون در ادامه مباحث قبلی ، در تکمیل مبحث تکنیک تکنیک Traversing ، در این بخش به موضوع عناصر والد یا ancestor در تکنیک Traversing در jQuery ، می پردازیم.
ancestor یک عنصر والد است. پدر ، پدر بزرگ و… به همین ترتیب تا بالاترین، والد ادامه دارد.
در jQuery ، می توانید با استفاده از درخت Traversing (که به آن درخت DOM نیز گفته می شود.) ، که در بخش قبلی نیز به آن اشاره شد، به عناصر والد یا ancestor ، دسترسی داشته باشید.
سه تابع برای دستیابی به عناصر درخت DOM ، عبارتند از :
تابع ()parent ، عنصر والد مستقیم یک عنصر انتخاب شده را بر می گرداند.
این روش فقط یک سطح از درخت DOM ، را می پیماید.
مثال زیر چگونگی دستیابی به عنصر والد مستقیم،عناصر <span>
، را نشان می دهد:
1 2 3 | $(document).ready(function(){ $("span").parent(); }); |
تابع ()parents ، تمام عناصر والد (ancestor) ، مربوط به عنصر انتخاب شده را (تا رسیدن به تگ <html>)، بر می گرداند.
مثال زیر ، تمام عناصر والد مربوط به عناصر <span>
، را برمی گرداند:
1 2 3 | $(document).ready(function(){ $("span").parents(); }); |
شما همچنین می توانید، از پارامترهای گزینشی ، برای فیلتر کردن عناصر والد عنصر انتخاب شده ، استفاده کنید.
مثال زیر تمام عناصر والد عناصر <span>
، را که داری تگ <ul>
، باشند. را پیدا می کند:
1 2 3 | $(document).ready(function(){ $("span").parents("ul"); }); |
از تابع ()parentsUntil ، برای برگرداندن تمام عناصر والد بین دو عنصر مشخص شده ، استفاده می شود.
مثال: برگرداندن تمام عناصر والد بین دو عنصر <span>
و <div>
:
1 2 3 | $(document).ready(function(){ $("span").parentsUntil("div"); }); |
بعد از ارائه توضیحاتی در مورد مفاهیم تکنیک Traversing و درخت DOM ، در بخش قبلی ، در این بخش نیز ، در ادامه بخش قبلی به موضوع عناصر والد یا ancestor در تکنیک Traversing در jQuery ، پرداختیم. امیدواریم که این مبحث نیز مورد توجه و استفاده ی شما ، قرار گرفته باشد.