Gizli olmayan liste öğelerini nasıl sayabilirim?

Question

Basit bir listeden başlayarak:

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

Gizli elemanların listeden çıkarılabileceğini biliyorum

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

Ama bunun jQuery ile elde edilebilmesi için daha zarif bir yol olabileceğini düşündüm:

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

Bu çalışmıyor. Herhangi bir fikir?

Answer 1

:hidden'un tam karşılığı :visible - jQuery docs.

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

Answer 2

basit formudur:

Yan not

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

doğru :not() kullanımı:

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

Son olarak bir jQuery nesnesi size() yöntem ve length özelliği, destekler değiştirilebilir.