|||

ورود به حساب کاربری

شماره همراه خود را وارد کنید

ورود با کلمه عبور ارسال کد تایید

فراموشی کلمه عبور

در صورت فراموشی کلمه عبور شماره موبایل خود را وارد کنید.

ورود با کلمه عبور تنظیم مجدد

ورود به حساب کاربری

در صورتی که کلمه عبور خود را بروزرسانی کرده اید با کلمه عبور وارد حساب کاربری خود شوید.

شماره همراه خود را وارد کنید

ورود و ادامه

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

 

 

نظر شما

>

مقالات و دروس

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

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

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

مقالات مرتبط

|||

ورود به حساب کاربری

شماره همراه خود را وارد کنید

ورود با کلمه عبور ارسال کد تایید

فراموشی کلمه عبور

در صورت فراموشی کلمه عبور شماره موبایل خود را وارد کنید.

ورود با کلمه عبور تنظیم مجدد