计数可见的div

Question

HTML：

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

我有几个div的使用类别为类（及以上的div没有.male他们的内部），在启动时我

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

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

在应用程序中，一些div会将i在特定点击后无形， 我想重新计算可见项目。

我试图

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

但它给了我一个可怕的大量的，像3050，所以我想选择不计内.male什么的所有可见的div。

是否有人能够指导我正确的选择器只有可见的div与特定的类？

Answer 1

您需要删除.male和:visible之间的空间，否则，你内.male针对所有可见的元素：

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

Here's a quick JSFiddle demo显示两者。

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

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

Answer 2

从你选择删除空格：

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