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 بجای حرکت رو به جلو) را باز می گردانند.

توسعه دهندگان
آریان آذر