jquery - 少なくとも 1 つの要素が表示されているかどうかを確認します

Question

同じクラスの要素のセットがあります:

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

jQuery を使用して、これらの要素の少なくとも 1 つが表示されているかどうかを確認したいと考えています。何かのようなもの：

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

何を使用できますか？

Answer 1

クラスセレクターで:visibleを使用して、要素が表示されているかどうかを確認できます。クラス セレクターを使用し、可視要素数が0 より大きい場合は、少なくとも 1 つの要素が可視であることを意味します。

ライブデモ

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

}