به کارگاه ترجمه ی سینا2 خوش آمدید!

تبلیغات شما در اینجا بالا

متد unique در جی کوئری

مسئله

ما دو مجموعه عناصر DOM از جی کوئری داریم که می خواهیم عناصری که در آن دو تکراری هستند را حذف کنیم:

(function($) {
   $(document).ready(function() {
     var animals = $('li.animals').get();
     var horses = $('li.horses').get();
     $('#animals')
       .append( $(animals).clone() )
       .append( $(horses).clone() );
  });
})(jQuery);

راه حل

(function($) {
   $(document).ready(function() {
     var animals = $('li.animals').get();
     var horses = $('li.horses').get();
     var tmp = $.merge( animals, horses );
     tmp = $.unique( tmp );
     $('#animals').append( $(tmp).clone() );
  });
})(jQuery);

توضیحات

متد جی کوئری $.unique() عناصر تکراری DOM را از یک آرایه یا یک مجموعه(collection) حذف می کند. در کدهای بالا، ما آرایه های animals و horses را با استفاده از دستور $.merge() با یکدیگر ادغام کردیم. جی کوئری در سراسر هسته ی خود از متد $.unique() استفاده می کند، همچنین در تابع های داخلی خود، مثل find() و add() نیز از متد مذکور استفاده می کند. بنابراین، متداول ترین کاربرد این متد، وقتی است که بر روی یک آرایه از عناصر اعمال شود نه اینکه با جی کوئری ایجاد شود.

!Donate

نوشتن دیدگاه

لطفا نظرات خود را بیان کنید. به سوالات در سریع ترین زمان پاسخ داده خواهد شد.اما به نکات زیر توجه کنید:
1. سعی کنید نظرات شما مرتبط با مقاله ی مورد نظر باشد، در غیر این صورت پاسخ داده نخواهد شد.
2. سوالات خود را به صورت کوتاه بیان کنید و از پرسیدن چند سوال به طور همزمان خودداری کنید.
3. سوال خود را به طور واضح بیان کنید و از کلمات مبهم استفاده نکنید.


تصویر امنیتی
تصویر امنیتی جدید

ستاره غیر فعالستاره غیر فعالستاره غیر فعالستاره غیر فعالستاره غیر فعال