Question

I have a div named box which contains three classes. I want to create a variable named relatedBoxes that stores the check boxes that share any of the same classes that box has.

I am splitting up the classes and storing them in the variable named splitClass.

I now just need the method to see whether :checkbox contains any of the classes saved within splitClass. I have tried by creating the variable relatedBoxes but this doesn’t quite work.

The markup:

<div id="box" class="marker blue large">

The JavaScript:

var c = $('#box').attr('class');
var splitClass = c.split(' ');

var relatedBoxes = $(':checkbox').hasClass(splitClass);

Thanks a lot guys

Answer 1

hasClass expect a single class name, you’re passing it an array right now. If you’re trying to find all elements with marker, blue or large, something like:

var relatedBoxes = $( ':checkbox' ).filter( '.' + splitClass.join( ',.' ) );