آموزش traverse در jquery- پیمایش در jquery

jQuery – پیمایش (travesring)

قابلیت traverse در جی کوئری که در لغت به معنای "پیمایش" می باشد، به منظور یافتن یا انتخاب کردن المان HTML با توجه به رابطه ی آن ها با دیگر المان ها بکار می رود. پیمایش با گزینش المان ارشد یا والد آغاز شده و تا دستیابی به المان مدنظر همچنان ادامه می یابد.
با استفاده از قابلیت پیمایش، با شروع از گره ی کنونی، به آسانی می توان عناصر بالایی (جد)، پایینی (فرزند یا زیرمجموعه)، سمت راست و چپ که المان های خواهر و برادر (sibling) عنصر مورد نظر محسوب می شوند را به راحتی در نمودار درختی وراثت مشخص نمود. به این پیمایش در نمودار درختی وراثت در اصطلاح traverse گفته می شود.
تصویر زیر یک نمودار درختی وراثت که نشانگر رابطه ی المان ها در رابطه با یکدیگر است را به نمایش گذاشته:

در نگاره ی بالا، المان <div> به عنوان تگ والد یا ارشد برای عنصر< ul> و برای همه ی تگ هایی که داخل آن قرار دارند یک ancestor (جد) تلقی می شود.
المان < ul> واقع در زیر المان <div>، والد (parent) هر دو عنصر <li> و فرزند یا زیرمجموعه ی (child) عنصر << div است.
تگ <li> نمایش داده شده در سمت چپ نمودار، والد (parent) هر دو المان <span> و فرزند المان <ul> و descendantیا نوه ی المان <div> می باشد.
عنصر <li> در سمت راست ، والد عنصر <b> ، فرزند عنصر <ul> و نوه عنصر <div> است.
عنصر <b> فرزند عنصر <li> حاضر در سمت راست و نوه ی دو المان <ul> و <div> می باشد.
جد(ancestor):پدر، پدر بزرگ و غیره .. .
نوه (descendant) به گره هایی که از نسل یک فرزند ایجاد می شوند، اطلاق می گردد.
گره های برادر و خواهر (sibling) گره هایی هستند که دارای والد یکسان هستند.

پیمایش DOM مدل شی گرای سند

jQuery شیوه های مختلفی را برای استفاده ما از قابلیت traverse در مدل شی گرای سند عرضه می کند که یکی از پرطرفدار ترین پیمایش ها، پیمایش درختی است.