检查是否至少有一个元素可见

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)
{

}