计算使用jQuery可见的li元素

Question

我用以下jQuery脚本计算我的li元素:

HTML:

<ul class="relatedelements">
   <li style="display:none;" class="1">anything</li>
   <li style="display:none;" class="2">anything</li>
   <li style="display:none;" class="3">anything</li>
</ul>

jQuery的:

    $(function() {
        var numrelated=$('.relatedelements > li').length;
        $('.num-relatedelements').html(numrelated); 
    });

- >脚本返回:3

我用jQuery 更改了style="display: none"一些li元素的属性$(document).ready,如:$('.2').show();

我现在想以一种方式更改脚本,只使用以下脚本计算可见的li元素(我刚刚添加:jQuery docs后可见):

    $(function() {
        var numrelated=$('.relatedelements > li:visible').length;
        $('.num-relatedelements').html(numrelated); 
    });

- >脚本返回:没有

我不知道为什么它没有成功 - 也许任何人都有任何提示或想法？任何帮助都是很有帮助的.先谢谢!

Answer 1

对我来说很好

$(document).ready(function(){
    $('.2').show();
    var numrelated=$('.relatedelements > li:visible').length;
    $('.num-relatedelements').html(numrelated); 
});?

JsFiddle Lind:http://jsfiddle.net/xuckF/1/

Answer 2

这里工作正常:

http://jsfiddle.net/jtbowden/FrPPr/(1个可见)

http://jsfiddle.net/jtbowden/FrPPr/1/(0可见)

现在,使用数字作为类名是非法的.(W3C Spec,bullet 2)类名必须以字母开头.也许用它进行操作会导致问题？

除此之外,我只能猜测你的问题在其他地方.您使用的是最新版本的jQuery吗？(虽然在我的测试中,它一直可以回到1.3,但它根本不起作用)

你在实际代码中拼错了"可见"吗？(我之前做过这个)