Count div visibili con jQuery

Question

HTML:

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

Ho diversi div con categorie come classe (e più div senza .male dentro di loro), all'avvio li contare con

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

(So ​​che size(); è deprecato ma usiamo una versione precedente di jQuery)

Durante l'applicazione, alcune delle div nvisibile dopo un clic specifico, Voglio raccontare gli articoli visibili.

ho cercato

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

ma mi ha dato un numero elevato orribile, come 3050, in modo da assumere il selettore conta tutti i div visibili all'interno .male o qualcosa del genere.

Qualcuno è in grado di consigliarmi il selettore corretto per solo div visibili con classe specifica?

Answer 1

è necessario rimuovere lo spazio tra .male e :visible, altrimenti ci si rivolge tutti gli elementi visibili entro.male:

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

Here's a quick JSFiddle demo mostra sia.

UPDATE: jQuery 1.8 deprecato il suo metodo size() a favore dell'uso di proprietà di JavaScript length invece. Possiamo ora:

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

Answer 2

Rimuovere lo spazio dal selettore:

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