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

Question

我正在尝试使用“display:block”的 css 属性来计算 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

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

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

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

$('li:visible').length

Answer 3

尝试这个

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

Answer 4

在这里演示

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