افکت دهی به عناصر هم رده در جی کوئری

در این آموزش نحوه دادن افکت به تگ های هم رده را در جی کوئری مطالعه میکنیم.

آموزش جی کوئری

همانطور که در آموزش چگونه در جاوا اسکریپت به زیر شاخه ها افکت بدهیم وعده داده بودیم در این آموزش نحوه افکت دهی به عناصر هم رده را آموزش می دهیم.

با جی کوئری میتوان تعیین کرد که تگ های که هم ردیف تگ انتخاب شده هستند افکتی را دریافت کنند . با این کار تمام تگ هایی که زیر مجموعه یک تگ میباشند، تگ های همردیف محسوب شده و میتوان به آنها افکتی را اعمال کرد.

متد های افکت دهی به تگ های هم ردیف

متدهای کاربردی برای افکت دادن به تگ های همردیف در جی کوئری عبارتند از :

siblings()
next()
nextAll()
nextUntil()
prev()
prevAll()
prevUntil()

متد siblings() :

متد siblings() تمام تگ های که با تگ انتخاب شده هم رتبه هستند باز میگرداند.

مثال زیر تمام تگهای هم رده با تگ H2 را بر می گرداند.

مثال

$(document).ready(function(){
$("h2").siblings();
});

مشاهده نتیجه

شما همچنین میتوانید از پارامتر اختیاری را برای فیلتر کردن جستجو وارد کنید.

مثال زیر تمام تگ های هم رده با تگ h2 که دارای تگ p هستند را افکت دهی خواهد کرد.

$(document).ready(function(){
$("h2").siblings("p");
});