如何使用jquery得到具有某些屬性的標籤的數量？

Question

我有一個HTML這樣的：

<div id="abc"> 
<li></li> 
<li style="display: none;">lorem ipsum</li> 
<li></li> 
<li style="display: none;">lorem ipsum</li> 
<li></li> 
</div> 

我想要得到的「ABC ID」下的「李」標籤計數有風格=「顯示：無;」。 我該怎麼做？

Answer 1

您可以使用.not(":visible")方法。

$("#abc li").not(":visible").length 

Fiddle

Answer 2

您可以使用：隱藏來獲取所有顯示：無元素。這樣做：

$("#abc").find(":hidden").length 

Answer 3

var getInvisibleLi = function(id) { 
 
    return $('#' + id).find('li').not(':visible').length; 
 
} 
 

 
alert(getInvisibleLi('abc'));

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script> 
 
<div id="abc"> 
 
<li>test</li> 
 
<li style="display: none;">lorem ipsum</li> 
 
<li>test</li> 
 
<li style="display: none;">lorem ipsum</li> 
 
<li>test</li> 
 
</div>