javascript - 计算具有特定属性的 child 的数量

Question

我想知道如何计算具有属性 style='display:none;' 的 div 元素的数量。从下面的代码可以看出

<div class="parent-class">
 <div id="child1" class="line-content"> TEST1 </div>

 <div id="child2" class="line-content"> TEST2 </div>

 <div id="child3" class="line-content"> TEST3 </div>

 <div id="child4" class="line-content" style="display:none;"> TEST4 </div>

 <div id="child5" class="line-content" style="display:none;"> TEST5 </div>

 <div id="child6" class="line-content" style="display:none;"> TEST6 </div>
</div>

我们有 3 个这样的 div 元素。我想计算具有该属性的 parent-class 类的父级上有多少 div 元素。任何帮助将不胜感激。

Answer 1

引用:- :hidden

像下面这样:-

console.log($('.line-content:hidden').length);

工作片段:-

console.log($('.line-content:hidden').length);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="parent-class">
 <div id="child1" class="line-content"> TEST1 </div>

 <div id="child2" class="line-content"> TEST2 </div>

 <div id="child3" class="line-content"> TEST3 </div>

 <div id="child4" class="line-content" style="display:none;"> TEST4 </div>

 <div id="child5" class="line-content" style="display:none;"> TEST5 </div>

 <div id="child6" class="line-content" style="display:none;"> TEST6 </div>
</div>