جستجوی - برادران 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 فیلتر
