Traversing چیست؟

Traversing در jQuery به معنای " انتقال در میان" است، و برای پیدا کردن  یا انتخاب عناصر html مبتنی بر روابط بین عناصر است. از یک عنصر شروع کنید، در راستای عنصر انتخاب شده حرکت کنید تا به عنصر مورد نظر برسید.

تصویر زیر صفحه html را بصورت درختی شبیه سازی کرده است. با Traversing می توانید به راحتی از عنصر جاری شروع کرده و به سمت بالا و پایین و به اطراف حرکت کنید. این حرکات Traversing یا حرکت در طول درخت DOM نامیده می شود.

توضیح تصویر بالا:

عنصر <div> والد عنصر <ul>، و نسل اول تمام عناصر داخل آن است.
عنصر  <ul> نسل اول  هردو عنصر <li> و نسل بعد <div> است.
عنصر  <li> سمت چپ، نسل اول عنصر  <span> و نسل بعد <ul>  و نسلی از <div> است .
عنصر <span> نسل بعد <li> سمت چپ و نسلی از <ul> و <div> است.
دو عنصر  <li> هم نسل هستند (یعنی از یک نسل قبلی ارث می برند).
عنصر <li> سمت راست نسل قبل عنصر <b>، نسل بعدی عنصر <ul> و از نسل عنصر <div> است.
عنصر<b> نسل بعدی <li> راست بوده و نسلی از عناصر <ul> و <div> است.

منظور از ancestor در این مبحث ، لایه های رو به بالای نسل های قبلی یک عنصر است.
منظور descendant  در این مبحث ، لایه های رو به پایین نسل های بعدی یک عنصر است.
منظور از Siblings عناصری هستند که عنصر نسل قبل آنها با هم مشترک اند.

Traverse  کردن DOM

jQuery تعداد متنوعی از متد ها را ارائه می کند که به ما اجازه می دهد تا روی DOM بتوانیم  Traversing  انجام دهیم.
بزرگترین دسته از این متدها ، tree-traversal یا درختی است.

در درس های بعدی ، Traversing  به سمت بالا، پایین و طرفین در ساختار درختی DOM را خواهیم آموخت.