計數可見的div與類名jquery

Question

我遇到麻煩使用：與類名可見。

例：

<div class="groupedDiv" id="group1"> 
    <div class="level1"> 
     Apples 
     <div class="level2"> || L2-apple </div> 
    </div> 

    <div class="level1" style="display:none;"> 
     Oranges 
     <div class="level2"> || [L2-orange] </div> 
    </div> 
</div> 

<br/> 

<div class="groupedDiv" id="group1"> 
    <div class="level1"> 
     Roses 
     <div class="level2"> || L2-rose </div> 
     <div class="level3"> l3 rose </div> 
    </div> 
</div> 

如果我要算應該輸出2類 「1級」

$(".level1 :visible").length;給我輸出3，犯規此可見的div的＃？

$(".level1 :visible").parent().length;給我輸出2這是正確的

我已創建http://jsfiddle.net/metalhawk/P87jS/

這個例子中的任何建議是有益的。謝謝

Answer 1

$(".level1 :visible")是後代選擇器：您選擇的所有可見元素是後代.level1。在.level1元素下面有三個div元素。

使用這個代替：

$(".level1:visible").length; 

See your fiddle per my update。

Answer 2

敢肯定你需要做的$(".level1:visible").length;

空間更是打破了代碼