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