Comparing two arrays in jQuery regarding CSS classes

Question

I have two arrays. One looks like this:

var array_one = [".a", ".b", ".c", ".d"];

.a, .b, .c & .d are CSS-classes that can be found in the DOM.

Then I got another array array_two which holds all elements with class .lorem currently in the DOM.

Now how do I find the elements that have .a, .b, .c or .d and .lorem by comparing the two arrays?

Matt · Accepted Answer · 2012-07-13 12:46:12Z

3

You can use the jQuery's filter() method, coupled with Array's join();

$(array_two).filter(array_one.join(","));

answered Jul 13, 2012 at 12:46

Matt

75.4k26 gold badges156 silver badges181 bronze badges

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

2 Comments

@Christoph: I don't see why it won't work... can you explain in more detail?

my bad, missed the "," concatenation, thought it was " " at the first glance.

Naftali · Accepted Answer · 2012-07-13 12:47:11Z

0

Assuming array_two is a jQuery object you can do:

array_two.has(array_one.join(","));

This is using the .has(...) jQuery function.

answered Jul 13, 2012 at 12:47

Naftali

147k41 gold badges247 silver badges304 bronze badges