گروه مقاله : جاوا اسكريپت Java Script
تاريخ انتشار : 1396/06/01 - 16:49
كد :7811

چگونه در جی کوئری به شاخه های بالاتر یک تگ افکت دهیم

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

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

 

علاوه بر تکنیک های که برای انتخاب یک تگ وجود دارد. تکنیک هایی نیز برای انتخاب تگ های در شاخه بالاتر یک تگ نیز در جی کوئری وجود دارد.

 

متد های افکت دهی به شاخه های تگ انتخاب شده در وب:

parent()
parents()
parentsUntil()

متد parent()

متد parent() تگ والد تگ فعلی را بازمیگرداند ، یعنی شما میتوانید به تگ بالاتر از تگ خود یک افکت بدهید.

این متد تنها یک سطح در شاخه های تگ بالامیرود.

مثال زیر یک تگ بالاتر را در شاخه تگ انتخاب شده Span افکت گذاری می کند:

$(document).ready(function(){
$("span").parent();
});

مشاهده نتیجه

 

متد parents()

متد parents() تمام تگ های موجود در شاخه های بالای تگ انتخاب شده را افکت دهی میکند. این متد تا تگ HTML سرشاخه های تگ انتخاب شده را پیدا خواهد کرد.

مثال زیر تمام تگ های موجود در شاخه های بالاتر از تگ انتخاب شده span را افکت دهی می کند:

$(document).ready(function(){
$("span").parents();
});

مشاهده نتیجه

 

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

مثال زیر همه تگهای بالای تگ span را بشرط آنکه تگ ul باشد انتخاب می کند:

$(document).ready(function(){
$("span").parents("ul");
});

 

مشاهده نتیجه

متد parentsUntil()

متد parentsUntil() تمام تگ های موجود میان دو تگ تعیین شده در آروگومان را انتخاب می کند.

مثال زیر تمام تگ های میان تگ Span و Div را انتخاب می کند:

$(document).ready(function(){
$("span").parentsUntil("div");
});

مشاهده نتیجه

 

براي بهره مندي از مشاوره تخصصي در زمینه طراحی سایت در کرج با شرکت سارگون تماس بگيريد

نظرات كاربران :