具有display：none屬性的jQuery計數div

Question

我想計算具有類名「items」並具有「style = display：none」屬性的div。

<div id="skills"> 
<div class="items" style="display:none">1</div> 
<div class="items">2</div> 
<div class="items">3</div> 
<div class="items" style="display:none">4</div> 
<div class="items" style="display:none">5</div></div> 

輸出應該是'3'。

============================================== =============

除了問題：

<div id="skills1"> 
<div class="items" style="display:none">1</div> 
<div class="items">2</div> 
<div class="items">3</div> 
<div class="items" style="display:none">4</div> 
<div class="items" style="display:none">5</div></div> 

<div id="skills2"> 
<div class="items" style="display:none">1</div> 
<div class="items" style="display:none">2</div> 
<div class="items" style="display:none">3</div> 
<div class="items" style="display:none">4</div> 
<div class="items" style="display:none">5</div></div> 

輸出應爲 '3' & '5'。

Answer 1

原文：

var count = $('div.items:hidden').length; 

新：

var counts = {}; 
$('#skills1,#skills2').each(function() { 
    counts[$(this).attr('id')] = $('div.items:hidden', $(this)).length; 
} 

的counts對象將是：

{ skills1 : 3, skills2 : 5 } 

末

$('#skills1,#skills2').each(function() { 
    if ($('div.items:hidden',$(this)).length == 0) { 
     $(this).hide(); 
    } 
}); 

（？）

如果你給「容器」一個類作爲選擇器，它會更容易。然後，您可以簡單地將#skills1,#skills2替換爲類選擇器，而不是使函數依賴於DIV的名稱，這意味着如果添加另一個容器（例如skills3），則不必更改它。您只需確保爲該容器提供正確的課程。