使用 jQuery 计算可见 div答案

【问题标题】：Count visible divs with jQuery使用 jQuery 计算可见 div
【发布时间】：2013-10-23 06:44:35
【问题描述】：

HTML：

<div class="male">...</div>
<div class="male">...</div>
<div class="female">...</div>

我有几个类别为类的 div（还有更多没有 .male 的 div），在启动时我将它们计数为

$('.male').size(); // Returns 40 items for example

（我知道 size(); 已弃用，但我们使用的是旧版本的 jQuery）

在应用程序期间，某些 div 在特定点击后变为不可见，我想重新计算可见项。

我试过了

$('.male :visible').size();

但它给了我一个可怕的高数字，比如 3050，所以我假设选择器确实计算了 .male 内的所有可见 div 或其他东西。

有人可以建议我正确的选择器，仅用于特定类的可见 div 吗？

【问题讨论】：

【解决方案1】：

您需要删除.male 和:visible 之间的空格，否则您将定位到所有可见元素在 .male：

$('.male:visible').size();

更新： jQuery 1.8 弃用了它的 size() 方法，转而使用 JavaScript 的 length 属性。我们现在可以：

$('.male:visible').length;

【讨论】：

【解决方案2】：

从选择器中删除空格：

$('.male:visible').size();

【讨论】：