Подсчитайте количество элементов li с определенным css

Question

Я пытаюсь подсчитать количество элементов li с атрибутом css «display: block», и я не могу понять это правильно.
Я использовал этот замечательный вопрос и ответы: 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

DEMO HERE

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

Answer 3

Более правильный способ проверить li с с дисплеем = «блок» будет

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

, но если вы хотите посчитать видимые li сек, то можете использовать опцию :visible селектор

$('li:visible').length 

Answer 4

Попробуйте это

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