如何計算未隱藏的列表元素？

Question

用一個簡單的列表開始：

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

我知道，我可以減去從列表中總

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

隱藏要素，但我認爲有可能是一個更優雅的方式使用jQuery實現這一目標：

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

這是行不通的。有任何想法嗎？

Answer 1

與:hidden相反的是:visible-jQuery docs。

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

Answer 2

最簡單形式是：

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

在一個側面說明，正確使用:not()：

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

最後一個jQuery對象支持size()方法和length屬性，該屬性是可以互換的。