javascript - 如何获取具有特定 css 属性的元素的长度？

Question

如果我有一个html片段

<div>
     <ul style="display:block">
         <li>A</li>
         <li>B</li>
     </ul>
     <ul style="display:none">
         <li></li>
         <li></li>
     </ul>
</div>

如何使用 jQuery 查找号码。具有 display: none 的 css 属性的 div 中的 ul 元素？我知道我可以使用 $('div').children('ul').length 但这会返回所有 ul 元素

Answer 1

您可以使用 :hidden选择器，如果你想获得隐藏的 ul 的长度。它将处理设置了 display:none 的那些。同样，您也有 :visible 选择器。

$('div').children('ul:hidden').length

元素可以被认为是隐藏的有几个原因:

• 它们的 CSS 显示值为 none。
• 它们是 type="hidden"的表单元素。
• 它们的宽度和高度明确设置为 0。
• 祖先元素是隐藏的，因此该元素不会显示在页面上。