پیمایش عناصر

پیمایش عناصر

پیمایش (Traversing) چیست؟

Traversing در جی کوئری از نظر لغوی به معنای “پیمایش” می باشد. یعنی پیدا کردن و یا انتخاب عناصر HTML بر اساس ارتباط آنها با یکدیگر. تراورس یا پیمایش با انتخاب عنصر ابتدایی یا والد شروع شده و تا زمان رسیدن به عنصر مورد نظر ادامه پیدا می کند.

تصویر زیر یک درخت وراثت را نشان می دهد:

ابتکار در وب (وبتکار) | طراحی سایت | آموزش طراحی سایت img_travtree پیمایش عناصر jQuery آموزش پیمایش عناصر در jQuery

با استفاده از تراورس جی کوئری، با شروع از گره فعلی، به سادگی می توان عناصر قبلی (اجداد)، بعدی (فرزندان)، سمت راست و چپ، که عناصر همزاد عنصر مورد نظر هستند را به راحتی مشخص کرد.

این نوع حرکت در بین گره ها تراورس یا پیمایش نامیده می شود.

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

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

جد: پدر، پدر بزرگ و به همین ترتیب است.

نوه :گره هایی هستند که از نسل یک فرزند ایجاد می شوند.

گره های هم زاد: گره هایی هستند که یک پدر مشترک دارند.

 


پیمایش (Traversing) مدل DOM

جی کوئری روش های مختلفی را برای استفاده ما از تراورس در مدل DOM فراهم می کند. که یکی از معروف ترین پیمایش ها روش پیمایش درختی است.

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



اگه خوشت اومد به اشتراک بزار


اگه به اشتراک نزاشتی حداقل لایک کن:(

نظر شما در رابطه با این آموزش چیست


بالا

تمامی حقوق مادی و معنوی این وبسایت محفوظ میباشد و متعلق است به Webtekar.ir.
Google