如何使用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”下具有style =“display：none;”的“li”标签的数量。 我怎么能这样做？

Answer 1

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

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

Fiddle

Answer 2

您可以使用：hidden来获取所有显示：无元素。做：

 $( "#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>