Filtering duplicate array entries with JQuery

Question

How do i filter duplicates of two arrays before appending entries to a DOM node (#list)?

(function($) { 
    $(document).ready(function() { 
        var item_category1 = $('li.category1').get(); 
        var item_category2 = $('li.category2').get(); 
        $('#list') 
            .append( $(item_category1).clone() ) 
            .append( $(item_category2).clone() ); 
    }); 
})(jQuery);

user113716 · Accepted Answer · 2010-04-27 00:50:36Z

3

jQuery has a utility called $.unique() that should work for you.

http://api.jquery.com/jQuery.unique/

EDIT:

As stated by others, if you have no need to interact with them separately, you can just get the whole of them in one call.

If you do need to perform some separate work on the two sets first, you can also add one set to the other when you're done.

var item_category1 = $('li.category1'); 
var item_category2 = $('li.category2');
    // Do what you need
var categories = item_category1.add(item_category2);
$('#list').append( categories.clone() );

The resulting collection will be free of duplicates.

http://jsfiddle.net/2zXxK/1/

Gotta love jsFiddle.

edited Apr 27, 2010 at 0:50

answered Apr 26, 2010 at 23:57

user113716

323k64 gold badges454 silver badges441 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Mottie Over a year ago

@systempuntoout: and use $('li.category1,li.category2').get();

PetersenDidIt · Accepted Answer · 2010-04-27 00:35:09Z

0

You could just do this:

$('li.category1, li.category2').clone().appendTo('#list');

answered Apr 27, 2010 at 0:35

PetersenDidIt

25.6k3 gold badges69 silver badges72 bronze badges

Collectives™ on Stack Overflow

Filtering duplicate array entries with JQuery

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related