🧭 پیمایش عناصر در jQuery (Traversing) – بخش چهارم

🔹 ۱. متد siblings()

• تمام عناصر هم‌سطح (خواهر و برادر) عنصر انتخاب‌شده را برمی‌گرداند.
• یعنی عناصری که با عنصر مورد نظر، پدر مشترک دارند.

$("li.active").siblings();

🔸 مثال: همه <li>‌های کنار li.active را برمی‌گرداند.

🔹 ۲. متد next()

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

$(".item1").next();

🔸 مثال: فقط عنصر هم‌سطح بلافاصله بعد از .item1 را می‌دهد.

🔹 ۳. متد prev()

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

$(".item3").prev();

🔸 مثال: عنصر بلافاصله قبل از .item3.

🔹 ۴. متد nextAll()

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

$(".start").nextAll();

🔸 همه‌ی خواهر/برادرهای بعدی .start.

🔹 ۵. متد prevAll()

• تمام عناصر قبل از عنصر انتخاب‌شده را (در همان سطح) برمی‌گرداند.

$(".middle").prevAll();

🔸 همه‌ی خواهر/برادرهای قبلی .middle.

🔹 ۶. متد nextUntil(selector)

• تمام عناصر بعد از عنصر انتخاب‌شده تا رسیدن به selector خاصی را برمی‌گرداند.

$(".start").nextUntil(".stop");

🔸 از .start تا قبل از .stop (خود .stop برنمی‌گردد).

🔹 ۷. متد prevUntil(selector)

• برعکس مورد قبلی است؛
• تمام عناصر قبل از عنصر انتخاب‌شده تا رسیدن به selector خاصی را می‌گیرد.

$(".end").prevUntil(".begin");

🔸 از .end تا قبل از .begin.

💡 نکته‌های مهم:

• تمام متدهای بالا روی عناصر هم‌سطح (siblings) کار می‌کنن، نه فرزند یا والد.