021-28423015
021-28423015

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

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

 

متد siblings()

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

متد siblings
$(document).ready(function(){
    $("h2").siblings();
}); 
مشاهده مثال

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

متد siblings - فیلتر کردن
$(document).ready(function(){
    $("h2").siblings("p");
}); 
مشاهده مثال

 

متد next()

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

متد next
$(document).ready(function(){
    $("h2").next();
}); 
مشاهده مثال


متد nextAll()  

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

متد nextAll
$(document).ready(function(){
    $("h2").nextAll();
}); 
مشاهده مثال

 

متد nextUntil()

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

متد nextUntil
$(document).ready(function(){
    $("h2").nextUntil("h6");
}); 
مشاهده مثال

 

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

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

 

 


نظر شما

لطفا نام و نام خانوادگی خود را وارد کنید
لطفا ایمیل خود را وارد کنید لطفا ایمیل صحیح وارد کنید.
لطفا متن نظر خود را وارد کنید
>

مقالات و دروس

عضویت در خبرنامه شرکت نرم افزاری وب مهراز

برای اطلاع از بسته ها ، تخفیف های استثنایی و تازه های ما به خبرنامه وب مهراز بپیوندید.

لطفا شماره همراه صحیح وارد کنید.
لطفا ایمیل صحیح وارد کنید.

مقالات مرتبط