.inArray passing a variable to check against an array JQuery

Question

I have a function where I am iterating over each .marker, creating a variable that contains its classes.

I also have an array named checkBoxClasses.

What I'm having a problem with is checking the classes within the variable markerClasses against the array checkBoxClasses. I want to break down the variable markerClasses and pass each individual class through the array.

Here's the code so far:

$('.marker').each(function () {

      var markerClasses = $(this).attr('class').split(' ');

            if ($.inArray(markerClasses , checkBoxClasses) > -1) {

                //do something

            };
});

"I am aware that you cant pass a variable through this so Im asking for a way to do this." to do something with what ? — Manse
– Manse, Commented Jan 4, 2012 at 11:58
pass seperate class values through the inArray and if they match the checBoxClasses array, then //do something. — Cecil Theodore
– Cecil Theodore, Commented Jan 4, 2012 at 11:59
do you want to 'do something' when all the markerClasses match the checkBoxClasses or just 1 or more? — nav
– nav, Commented Jan 4, 2012 at 12:02
I want to break down the variable markerClasses and pass each individual class through the array. Thats the best way to do it I think. — Cecil Theodore
– Cecil Theodore, Commented Jan 4, 2012 at 12:04

T.J. Crowder · Accepted Answer · 2012-01-04 11:58:59Z

4

inArray checks for a single value in an array. Since the value of the array reference markerClasses isn't in checkBoxClasses, it will always return -1.

It's unclear what you want to do. If you want to know if any of the markerClasses entries is in checkBoxClasses, you'll need to loop them and check them individually, breaking on the first match. If you want to check if they're all in checkBoxClasses, it's similar but you break on the first non-match.

E.g., to see if any of the element's classes is in checkBoxClasses:

var markerClasses = $(this).attr('class').split(' ');
var found = false;
$.each(markerClasses, function(index, value) {
    if ($.inArray(value, checkBoxClasses) !== -1) {
        found = true;
        return false;
    }
}
if (found) {
    // At least one of the element's classes was in `checkBoxClasses`
}

To see if all of the element's classes are in checkBoxClasses:

var markerClasses = $(this).attr('class').split(' ');
var allFound = true;
$.each(markerClasses, function(index, value) {
    if ($.inArray(value, checkBoxClasses) === -1) {
        allFound = false;
        return false;
    }
}
if (allFound) {
    // *All* of the element's classes was in `checkBoxClasses`
    // (Including the case where the element didn't have any.)
}

answered Jan 4, 2012 at 11:58

T.J. Crowder

1.1m201 gold badges2k silver badges2k bronze badges

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

2 Comments

Cecil Theodore Over a year ago

edited the bottom line to make this more informative. I want to pass separate classes through this to see if they match.

T.J. Crowder Over a year ago

@CecilTheodore: I'm afraid the question is still fairly unclear. Hopefully the answer addresses it anyway.

Collectives™ on Stack Overflow

.inArray passing a variable to check against an array JQuery

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related