Question

   <div class="divYS" id="dvProductsFilteredd">
                <span class="s">Your Selection:</span>
                <div id="dvFilter-Type" style="display:none">
                    <a class="s roundit" href="javascript:void(0);" id="aFilter-Type" onclick="ResetFilters(1);"></a>
                </div>
                <div id="dvFilter-Category" style="display:none">
                    <a class="s roundit" href="javascript:void(0);" id="aFilter-Category" onclick="ResetFilters(2);"></a>
                </div>
                <div id="dvFilter-Occasion" style="display:none">
                    <a class="s roundit" href="javascript:void(0);" id="aFilter-Occasion" onclick="ResetFilters(3);"></a>
                </div>
                <div id="dvFilter-Supplier" style="display:none">
                    <a class="s roundit" href="javascript:void(0);" id="aFilter-Supplier" onclick="ResetFilters(4);"></a>
                </div>
                  <div id="dvFilter-SortExpression" style="display:none">
                    <a class="s roundit" href="javascript:void(0);" id="aFilter-SortExpression" onclick="ResetFilters(5);"></a>
                </div>
            </div>

我想得到dvProductsFilteredd的子div，它们使用JQuery显示属性块

Answer 1

如果要明确检查display:block属性，则可以使用过滤方法

$('#dvProductsFilteredd > div').filter(function() {
    return $(this).css('display') === 'block';
}).length;

<强> Check Fiddle

但是如果您只是想知道可见div的数量，那么您可以使用:visible选择器。

Answer 2

$('#dvProductsFilteredd').children('div:visible').length

演示：http://jsfiddle.net/8KXQp/

如何使用JQuery获取具有显示属性块的div的数量？

2 个答案: