Проверьте, по крайней мере, один элемент виден

Question

У меня есть набор элементов с одинаковым классом:

<div class="the_class"></div> 
<div class="the_class"></div> 
<div class="the_class"></div> 

С JQuery, я хочу, чтобы проверить, по крайней мере, один из этих элементов показано на рисунке. Что-то вроде:

if ($('.the_class').theFunction()) { 
    ... 
} 

Что я могу использовать?

Answer 1

Вы можете использовать :visible с class selector, чтобы проверить, видно ли элемент. Используйте селектор классов, и если количество видимых элементов больше нуля, то это означает, что по крайней мере один элемент виден.

Live Demo

if($('.the_class:visible').length) 
{ 

}