Count sichtbar divs mit jQuery

Question

HTML:

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

Ich habe mehrere divs mit Kategorien wie Klasse (und mehr divs ohne .male in ihnen), beim Start Ich zähle sie mit

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

(Ich weiß, size(); ist veraltet, aber wir verwenden eine ältere Version von jQuery)

Während der Anwendung, einige der divs drehen i Nicht sichtbar nach einem bestimmten Klick, Ich möchte die sichtbaren Artikel zu erzählen.

Ich versuchte

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

Aber es gab mir eine schreckliche hohe Zahl wie 3050, so nehme ich an die Wähler alle sichtbaren divs innerhalb .male oder etwas zählt.

Kann mir jemand den richtigen Selektor für nur sichtbare divs mit bestimmter Klasse empfehlen?

Answer 1

Sie müssen den Raum zwischen .male und :visible entfernen, sonst peilen Sie alle sichtbaren Elemente innerhalb.male:

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

Here's a quick JSFiddle demo beide zeigen.

UPDATE: jQuery 1.8 veraltet seine size() Methode für length Eigenschaft von JavaScript verwendet stattdessen. Wir können jetzt:

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

Answer 2

Entfernen Sie das Leerzeichen aus dem Selektor:

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