JQuery: 列表元素的计数？

我有一个由服务器端代码生成的列表，在使用 jQuery 添加额外的内容之前，我需要计算出其中已经有多少条目。

<ul id="mylist">
<li>Element 1</li>
<li>Element 2</li>
</ul>
241759 次浏览
小开
最佳答案

试试:

$("#mylist li").length

我很好奇，你为什么要知道尺寸，你就不能用:

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

？

小开

我觉得这个应该可以:

var ct = $('#mylist').children().size();
小开 
var listItems = $("#myList").children();


var count = listItems.length;

你当然可以用

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

对于 jQuery 的更多帮助，http://docs.jquery.com/Main_Page是一个很好的起点。

小开

当然还有以下几点:

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

可以浓缩为: (通过删除不需要设置变量的‘ var’)

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

然而，这一点更为清晰:

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

调用时也会得到相同的结果。尺寸()方法或。长度属性，但是。Length 属性是首选的，因为它没有函数调用的开销。 因此，最好的办法是:

$("#mylist li").length
小开

试试看

$("#mylist").children().length
小开

列表元素的计数

alert($("#mylist > li").length);
小开

计算列表元素数量的另一种方法:

var num = $("#mylist").find("li").length;
console.log(num);
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<ul id="mylist">
<li>Element 1</li>
<li>Element 2</li>
<li>Element 3</li>
<li>Element 4</li>
<li>Element 5</li>
</ul>

小开 

$("button").click(function(){
alert($("li").length);
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.2.3/jquery.min.js"></script>
<!DOCTYPE html>
<html>
<head>
<script src="//code.jquery.com/jquery-1.11.1.min.js"></script>
<meta charset="utf-8">
<title>Count the number of specific elements</title>
</head>
<body>
<ul>
<li>List - 1</li>
<li>List - 2</li>
<li>List - 3</li>
</ul>
<button>Display the number of li elements</button>
</body>
</html>


提交答案