JQuery: check all divs have the same class or not

Question

Hi,

For example I have to do it manually like this:

function checkDivUppersClosed() {

    var allOpened = true;

    $('.classUpper').each(function (index, domEle) {

        allOpened &= $(this).parent().hasClass('closed');
    });

    return allOpened;        
}

I know that if I select $('.closed').size() will return the length as well. But in my case, some divs have the class classUpper but not at all.

Thanks in advance.

Answer 1

Why not:

$('.classUpper .closed')

Answer 2

To do the literal version of your current check you can do this:

return $('.classUpper').parent(':not(.closed)').length;

This would return the count that aren't closed (parents of these elements that do :not() have the closed class). You could use the number as a true/false check still, or add a === 0 to be explicit.

Though if the closed class is being added to hide them, you can use the :visible selector, like this:

return $('.classUpper:visible').length === 0;

Answer 3

If you just want to perform an operation on some elements that match your criteria then you can use:

$('.classUpper.closed')