使用类名jquery计算可见的div

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>

如果我想计算类"level1"的可见div的数量

$(".level1 :visible").length; 给我输出3,这不应该输出2？

$(".level1 :visible").parent().length; 给我输出2是正确的

我在http://jsfiddle.net/metalhawk/P87jS/创建了这个例子

任何建议都有帮助.谢谢

Answer 1

$(".level1 :visible")是一个后代选择器:您正在选择作为后代的所有可见元素.level1.div元素下面有三个元素可见.level1.

请改用:

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

根据我的更新,请看你的小提琴.

Answer 2

很确定你需要做 $(".level1:visible").length;

空间正在破坏代码