Question

What I want:

Within $myElement find all elements with class .myClass and attribute display:none. Below is what I have tried, I’ve probably missed something stupid:

$myElement.find('.myClass[display=none]')

and

$myElement.find('.myClass').filter('[display=none]')

Answer 1

You can use the :hidden pseudo-selector:

$myElement.find('.myClass:hidden')

The syntax you proposed refers to the attributes of the element, not to the style definitions. In essence, your selector would have matched an element like so:

<div class="myClass" display="none">

Which doesn’t really make much sense.

If you want to be explicit about display being “none” (as elements can be hidden in other ways also), you can use .filter():

$myElement.find('.myClass').filter(function() {
    return $(this).css('display') == 'none';
});