Question

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

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

Answer 1

尝试：

$("#mylist li").length

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

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

Answer 2

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

var count = listItems.length;

当然你可以用

来缩小它

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

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

Answer 3

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

$("#mylist li").length

Answer 4

我认为应该这样做：

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

Answer 5

当然还有以下内容：

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

可以缩减为:(通过删除不需要设置变量的'var'）

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

然而这更清洁：

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

Answer 6

试

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

Answer 7

计算列表元素的数量

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

Answer 8

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

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>

Answer 9

$("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>

jQuery：计算列表元素的数量？

9 个答案: