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

Question

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

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

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

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

提前致谢！

Answer 1

尝试一下：

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

小提琴

如果有一些额外的 CSS 规则，那么使用它：

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

小提琴

Answer 2

检查带有 display = 'block' 的 s 的更正确方法li是

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

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

$('li:visible').length