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 輔助翻譯的英文資料結果。如果您對結果不滿意，可以加入我們改善翻譯效果：薇曉朵技術論壇。