jQuery计算列表项的数量，然后将其乘以数字并设置为宽度

Question

我正在尝试将动态宽度设置为ul.sections，方法是检查存在多少li's并将其乘以li（$("ul.sections").width()）的宽度，在这种情况下碰巧是910px。

我不知道如何返回当前可见列表项的数量。也许是这样的？

$('ul.sections').width($("ul.sections li").length() * $("ul.sections li").width());

这显然不起作用。有什么想法吗？

Answer 1

.length是属性而不是方法，所以只需使用$("ul.sections li").length：

$('ul.sections').width($("ul.sections li").length * $("ul.sections").width());

如果你有多个部分，这将是jQuery 1.4+版本：

$('ul.sections').width(function(i, w) { return $(this).find('li').length * w; });

Answer 2

有一个:visible jQuery Selector

获取ul.sections中所有可见的<li>

$("ul.sections li:visible")

现在您可以设置宽度

$("ul.sections").width($("ul.sections li:visible").length * $("ul.sections").width()));

Answer 3

使用size()

http://api.jquery.com/size/