سبد (0)

پیدا کردن عناصر همزاد در jQuery

در اینجا منظور از عناصر همزاد، عناصری است که دارای یک پدر واحد هستند.

با استفاده از پیمایش های ردیفی در درخت DOM می توان عناصر همزاد عنصر مورد نظر را به دست آورد.

 

پیمایش ردیفی درخت DOM

چندین روش مفید برای پیمایش ردیفی در درخت DOM وجود دارد:

  • ()siblings
  • ()next
  • ()nextAll
  • ()nextUntil
  • ()prev
  • ()prevAll
  • ()prevUntil

متد ()siblings در jQuery

متد ()sibling تمامی عناصر همزاد عنصر انتخابی را بر می گرداند.

مثال زیر کلیه عناصر همزاد تگ <h2> را بر می گرداند:

مثال (پیدا کردن عناصر همزاد در jQuery)

$(document).ready(function(){
$("h2").siblings();
});

خودتان امتحان کنید »

برای محدود کردن جستجوی عناصر همزاد یک عنصر، می توان یک سری از پارامتر ها را اعمال کرد.

مثال زیر تمامی تگ های <p> که همزاد تگ <h2> هستند را بر می گرداند:

مثال (پیدا کردن عناصر همزاد در jQuery)

$(document).ready(function(){
$("h2").siblings("p");
});

خودتان امتحان کنید »

متد ()next در jQuery

متد ()next همزاد بعدی عنصر انتخابی را بر می گرداند.

مثال زیر همزاد بعدی تگ <h2> را بر می گرداند:

مثال (پیدا کردن عناصر همزاد در jQuery)

$(document).ready(function(){
$("h2").next();
});

خودتان امتحان کنید »

متد ()nextAll در jQuery

متد ()nextAll تمامی عناصر بعدی که همزاد عنصر انتخابی هستند را بر می گرداند.

مثال زیر تمامی عناصر بعدی تگ <h2> که همزاد با این عنصر هستند را بر می گرداند:

مثال (پیدا کردن عناصر همزاد در jQuery)

$(document).ready(function(){
$("h2").nextAll();
});

خودتان امتحان کنید »

متد () nextUntil در jQuery

متد ()nextUntil تمامی عناصر همزاد بین دو عنصر انتخابی را بر می گرداند.

مثال زیر تمام عناصر همزاد بین دو تگ <h2> و <h6> را بر می گرداند:

مثال (پیدا کردن عناصر همزاد در jQuery)

$(document).ready(function(){
$("h2").nextUntil("h6");
});

خودتان امتحان کنید »

متد های ()prev() ,prevUntill() ,prevAll در jQuery

متد()prev() ،prevALL و ()prevUntill از نظر عملکردی مشابه متد های قبلی هستند تنها تفاوت آنها در این است که این متد ها همزاد های قبلی عنصر مورد نظر را بر می گردانند.(پیمایش ردیفی رو به عقب را در درخت DOM انجام می دهند.)


مرجع کلیه متدهای پیمایش در jQuery

برای اطلاع از سایر متد های پیمایش در جی کوئری می توانید از لینک روبرو استفاده کنید: مرجع متدهای پیمایش عناصر در jQuery

تمامی محصولات و خدمات این وبسایت، حسب مورد دارای مجوزهای لازم از مراجع مربوطه می‌باشند و فعالیت‌های این سایت تابع قوانین و مقررات جمهوری اسلامی ایران است.
logo-samandehi مجوز نشر دیجیتال از وزرات فرهنگ و ارشاد اسلامی پرداخت آنلاین -  بانک ملت معرفی بیاموز در شبکه سه