در jQuery، “پیمایش” (Traversing)

در jQuery، “پیمایش” (Traversing) به روش‌هایی گفته می‌شود که برای حرکت درخت DOM به منظور انتخاب یا فیلتر کردن عناصر HTML بر اساس روابطشان استفاده می‌شود. این قابلیت بخش مهمی از jQuery است که به توسعه‌دهندگان امکان می‌دهد عناصر صفحه وب را به‌طور مؤثر مدیریت و تغییر دهند.

1. حرکت به سمت اجداد (Ancestors)

این روش‌ها به شما امکان می‌دهد در درخت DOM به سمت بالا حرکت کنید:

• .parent(): عنصر والد مستقیم (Parent) عنصر انتخاب‌شده را انتخاب می‌کند.

$(“span“).parent();

• .parents(): تمام اجداد (والدها و والدهای والدها) عنصر انتخاب‌شده را برمی‌گرداند.

$(“span”).parents();

• .parentsUntil(selector): تمام اجداد تا عنصر مشخص‌شده (بدون شامل کردن آن) را انتخاب می‌کند.

$(“span”).parentsUntil(“div”);

2. حرکت به سمت فرزندان (Descendants)

این روش‌ها برای حرکت به سمت پایین در درخت DOM استفاده می‌شوند:

• .children(): تمام فرزندان مستقیم عنصر انتخاب‌شده را انتخاب می‌کند.

$(“div”).children();

• .find(): تمام فرزندان عنصر انتخاب‌شده که با انتخاب‌گر مشخص‌شده مطابقت دارند را انتخاب می‌کند.

$(“div”).find(“p”);

3. حرکت بین خواهر و برادرها (Siblings)

این روش‌ها برای پیمایش بین عناصر هم‌سطح استفاده می‌شوند:

• .siblings(): تمام عناصر هم‌سطح (خواهر و برادرها) عنصر انتخاب‌شده را برمی‌گرداند.

$(“h1”).siblings();

• .next(): عنصر هم‌سطح بعدی مستقیم را برمی‌گرداند.

$(“h1”).next();

• .nextAll(): تمام عناصر هم‌سطح بعدی را انتخاب می‌کند.

$(“h1”).nextAll();

• .nextUntil(selector): تمام عناصر هم‌سطح بین عنصر انتخاب‌شده و عنصر مشخص‌شده را انتخاب می‌کند.