siblings در jQuery - هم نسل ها

متدهای کاربری زیادی برای پیمایش در درخت DOM بصورت هم نسل وجود دارد:
siblings()
next()
nextAll()
nextUntil()
prev()
prevAll()
prevUntil()

متد siblings()

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

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

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

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

متد next()

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

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

متد nextAll()  

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

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

متد nextUntil()

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

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

 متد prev(), prevAll()  و prevUntil()

این سه متد مانند متد های قبلی که توضیح داده شد عمل می کنند، اما با عملکرد برعکس : این متد ها عناصر هم نسل قبلی(پیمایش عقبگرد در طول عناصر هم نسل در درخت DOM بجای حرکت رو به جلو) را باز می گردانند.