Question

Suppose there are three elements as below

<div id="tab01">tab01</div>
<div id="tab02" style="display: none;">tab02</div>
<div id="tab03" style="display: none;">tab03</div>

How can I use jQuery to select an element that don’t have an inline style display: none?

Thanks

Answer 1

You can select hidden elements with :hidden, and visible elements with :visible…

$('div:visible');

jsFiddle.

…but if you specifically need elements which don’t have display; none set as an inline style, try this…

$('div').filter(function() {
    return $(this).attr('style') == undefined || $(this).attr('style').indexOf('display: none;') == -1
}).

jsFiddle.

…of course, if you are relying on this, you should rethink your problem.