Jquery is(":visible") on a class

jquery class visible
Rewind picture Rewind · Aug 11, 2015 · Viewed 7.9k times · Source

At the moment I am doing this:

bl = !$("#divModal1").is(":visible") &&
    !$("#divModal2").is(":visible") &&
    !$("#divModal3").is(":visible") &&
    !$("#divModal4").is(":visible") &&
    !$("#divModal5").is(":visible");

where divModal# are all divs who share the same class class="divModalDialog".

Is there a better way of doing this by checking the class rather than each individual one?

Basically bl must be false if one or more of these divModal# is showing.

Answer

Stryner picture Stryner · Aug 11, 2015

From the .is documentation:

Check the current matched set of elements against a selector, element, or jQuery object and return true if at least one of these elements matches the given arguments.

Therefore, simply using the class name suffices, since .is(":visible") will return true if any of them are visible.

bl = !$(".divModalDialog").is(":visible");

Related questions

How can I select item with class within a DIV?

I have the following HTML: <div id="mydiv"> <div class="myclass"></div> </div> I want to be able to use a selector that selects the inside div, but specific for the mydiv …

Read More
jquery, find next element by class

How can i find the next element by class. i tried with $(obj).next('.class'); but this returns classes only in $(obj) parent. I need to take the next element anywhere throughout the code by class name. Because my …

Read More
Add and remove a class on click using jQuery?

Please see this fiddle. I am trying to add and remove a class on li elements that are clicked. It is a menu and when one clicks on each li item I want it to gain the class and all …

Read More