پیمایش - برادران jQuery
- پیچیدگی قبلی jQuery نسل
- پیچیدگی بعدی jQuery فیلتر
همسایگان دارای پدر مشترک هستند.
با استفاده از jQuery، شما می‌توانید در درخت DOM به عناصر همسایه مرور کنید.
مرور افقی در درخت DOM
بسیاری از روش‌های مفید وجود دارند که به ما اجازه می‌دهند در درخت DOM به صورت افقی مرور کنیم:
- siblings()
- next()
- nextAll()
- nextUntil()
- prev()
- prevAll()
- prevUntil()
روش jQuery siblings()
روش siblings() تمام عناصر همسایه انتخاب شده را بازمی‌گرداند.
در مثال زیر، تمام عناصر همسایه از <h2> بازمی‌گردانده می‌شوند:
مثال
$(document).ready(function(){
$("h2").siblings();
});
شما همچنین می‌توانید از پارامترهای انتخابی برای فیلتر کردن جستجوی همسایگان استفاده کنید.
در مثال زیر، تمام عناصر <p> همسایه از <h2> بازمی‌گردانده می‌شوند:
مثال
$(document).ready(function(){
$("h2").siblings("p");
});
روش jQuery next()
روش next() عنصر همسایه بعدی انتخاب شده را بازمی‌گرداند.
این روش تنها یک عنصر را بازمی‌گرداند.
در مثال زیر، عناصر همسایه بعدی از <h2> بازمی‌گردانده می‌شوند:
مثال
$(document).ready(function(){
$("h2").next();
});
روش jQuery nextAll()
روش nextAll() تمام عناصر همسایه بعدی عناصر انتخاب شده را بازمی‌گرداند.
در مثال زیر، تمام عناصر همسایه بعدی از <h2> بازمی‌گردانده می‌شوند:
مثال
$(document).ready(function(){
$("h2").nextAll();
});
روش jQuery nextUntil()
روش nextUntil() بین دو پارامتر داده شده عناصر همسایه بعدی بین آن‌ها را بازمی‌گرداند.
در مثال زیر، تمام عناصر همسایه بین عناصر <h2> و <h6> بازمی‌گردانده می‌شوند:
مثال
$(document).ready(function(){
$("h2").nextUntil("h6");
});
روش‌های jQuery prev(), prevAll() و prevUntil()
prev(), prevAll() و prevUntil() روش‌های کاری مشابه روش‌های بالا دارند، اما در جهت مخالف: آن‌ها عناصر همسایه پیشین را برمی‌گردانند (در درخت DOM با حرکت به سمت عناصر همسایه به سمت عقب، نه به سمت جلو).
jQuery مرجع مرور
برای اطلاعات کامل در مورد تمام روش‌های مرور jQuery، لطفاً به وب‌سایت ما jQuery مرجع مرور。
- پیچیدگی قبلی jQuery نسل
- پیچیدگی بعدی jQuery فیلتر
