¿Cómo cuento los elementos de la lista que no están ocultos?

Question

A partir de una lista simple:

<ul> 
    <li>Item 1</li> 
    <li style="display: none;">Item 2</li> 
    <li>Item 3</li> 
</ul> 

Sé que puedo restar los elementos ocultos de la lista total

$('ul li').size() - $('ul li:hidden').size() 

Pero pensé que podría ser una manera más elegante para lograr esto con jQuery :

$('ul li:hidden:not').size() 

Eso no funciona. ¿Algunas ideas?

Answer 1

Lo contrario de :hidden es :visible - jQuery docs.

$('ul li:visible').size() 

Answer 2

La forma más simple es:

var hidden = $("ul > li:hidden").length; 

En una nota lateral, para utilizar correctamente :not():

var hidden = $("ul > li:not(:visible)").length; 

Por último un objeto jQuery soporta el método size() y la propiedad length, que son intercambiables