آموزش sibling در jquery

یافتن عناصر خواهر و برادر

در آموزش پیشرو منظور از عناصر برادر و خواهر، عناصری است که دارای والد یکسان باشند.
به کمک پیمایش های سطری (sideways traversing) در درخت DOM می توان تگ های خواهر و برادر تگ دلخواه را به دست آورد.

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

چندین متد بسیار کارامد برای پیمایش سطری در درخت DOM وجود دارد که به ترتیب در زیر فهرست شده:

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

متد ()siblings

این متد همان طور که از نامش پیدا است، تمامی المان های خواهر و برادر عنصر انتخابی را یافته و برمی گرداند.
مثال زیر کلیه ی المان های خواهر و برادر عنصر <h2> را برمی گرداند:

می توان برای فیلتر و محدود سازی جستجو به دنبال یک عنصر خواهر و برادر پارامتر اختیاری اعمال نمود. نمونه ی زیر تمامی عناصر خواهر و برادر المان <h2> را تا رسیدن به کلیه ی تگ های <p> برمی گرداند:

متد ()next

متد ()next، sibling بعدی المان انتخابی را بازیابی می کند.
مثال زیر، sibling (عنصر خواهر و برادر) بعدی المان <h2> را بازیابی می کند:

متد ()nextAll

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

متد ()nextUntil

این متد تمامی عناصر خواهر و برادر بعدی بین دو المان (آرگومان ورودی) معین را بازگردانی می نماید.
به عنوان مثال، نمونه ی زیر کلیه ی المان های خواهر و برادر بعدی بین دو المان <h2> و <h6> را یافته و برمی گرداند:

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

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