jQuery：列表元素的数量？

问题描述

我有一个列表，从一些服务器端代码生成，在添加额外的东西与 jQuery 我需要弄清楚有多少项目已经在其中。

<ul id="mylist">
    <li>Element 1</li>
    <li>Element 2</li>
</ul>

最佳解决方案

尝试：

$("#mylist li").length

只是好奇：为什么你需要知道的大小？你不能使用：

$("#mylist").append("<li>New list item</li>");

？

次佳解决方案

var listItems = $("#myList").children();

var count = listItems.length;

当然，你可以凝聚这个

var count = $("#myList").children().length;

要获得更多的 jQuery 帮助，http://docs.jquery.com/Main_Page 是一个很好的开始。

第三种解决方案

调用.size() 方法或.length 属性时具有相同的结果，但是.length 属性是首选项，因为它没有函数调用的开销。所以最好的方法：

$("#mylist li").length

第四种方案

我认为这应该做到：

var ct = $('#mylist').children().size(); 

第五种方案

当然如下：

var count = $("#myList").children().length;

可以归结为：(通过移除不需要设置变量的’var’)

count = $("#myList").children().length;

---

然而这更清洁：

count = $("#mylist li").size();

参考文献

• jQuery: Count number of list elements?

注：本文内容整合自 Google/Baidu/Bing 辅助翻译的英文资料结果。如果您对结果不满意，可以加入我们改善翻译效果：薇晓朵技术论坛。