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