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

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

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

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

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

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

متد ()siblings در jQuery

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

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

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

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

متد ()next در jQuery

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

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

متد ()nextAll در jQuery

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

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

متد () nextUntil در jQuery

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

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

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

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

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

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

• قبلی
• بعدی