Question

我正在尝试使用“display：block”的css属性计算一些li元素，但我无法正确使用。
我使用了这个很棒的问题和答案：jquery count elements with attribute

它有效，但由于某种原因不适用于李这是我的代码：

$(function() {
     alert($("li[display='block']").length);
});

这是一个小提琴：http://jsfiddle.net/dQTgg/

提前致谢！

Answer 1

试试：

$(function() {
    alert($("li[style='display:block']").length);
});

Fiddle

如果还有其他CSS规则，请使用：

$(function() {
    var el = $('li').filter(function() {
     return $(this).css('display') == 'block';
    });
    alert(el.length);
});

Fiddle

Answer 2

使用display ='block'检查li的更合适的方法是

$('li').filter(function(){
    return $(this).css('display') == 'block'
}).length

但是如果你想计算可见的li，那么你可以使用:visible选择器

$('li:visible').length

Answer 3

试试这个

$(function() {
    alert($("li:visible").length);
});

Answer 4

DEMO HERE

$(function() {
    var count=0;
    $("li").each(function(){
        if($(this).css('display') == 'block'){
            count++;
        }
    });
    alert(count);
});

计算具有特定css的li元素的数量

4 个答案: