بسم الله الرحمن الرحیم

یازدهم - پیمایش عناصر در جی‌کوئری (Traversing) بخش دوم

مباحث این جلسه:

• آشنایی با متد .parent()
• آشنایی با متد .parents()
• آشنایی با متد .parentsUntil()

1. متد .parent()

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

$(".parent").parent().css({
  backgroundColor: "blue",
  color: "#fff",
});

2. متد .parents()

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

$(".parents").parents().css({
  backgroundColor: "red",
  color: "#fff",
});

• مثال با فیلتر:

$(".parents").parents("li").css({
  color: "green",
  border: "7px solid"
});

3. متد .parentsUntil()

• تمام اجداد عنصر را برمی‌گرداند تا قبل از رسیدن به المنت مقصد.
• خود عنصر مبدا و عنصر مقصد انتخاب نمی‌شوند.
• المنت مقصد فقط به عنوان مرز توقف عمل می‌کند.
• مثال:

$(".parents").parentsUntil(".r").css({
  color: "green",
  border: "7px solid"
});