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

            };
});

Answer 1

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.)
}