jQuery:统计列表元素的数量?
我有一个从一些服务器端代码生成的列表,在使用jQuery向其中添加额外内容之前,我需要计算其中已经包含了多少项jQuery:统计列表元素的数量?,jquery,html,Jquery,Html,我有一个从一些服务器端代码生成的列表,在使用jQuery向其中添加额外内容之前,我需要计算其中已经包含了多少项 <ul id="mylist"> <li>Element 1</li> <li>Element 2</li> </ul> 要素1 要素2 试试: 只是好奇:为什么你需要知道尺寸?你就不能用: $("#mylist").append("<li>New list item</li
<ul id="mylist">
<li>Element 1</li>
<li>Element 2</li>
</ul>
- 要素1
- 要素2
试试:
只是好奇:为什么你需要知道尺寸?你就不能用:
$("#mylist").append("<li>New list item</li>");
$(“#mylist”)。追加(“新列表项” ”;
?我认为应该这样做:
var ct = $('#mylist').children().size();
当然,你可以用
var count = $("#myList").children().length;
有关jQuery的更多帮助,请从这里开始。当然还有以下内容:
var count = $("#myList").children().length;
可以压缩为:(通过删除“var”,这对于设置变量是不必要的)
但是,这更干净:
count = $("#mylist li").size();
调用.size()方法或.length属性时会得到相同的结果,但最好使用.length属性,因为它没有函数调用的开销。 因此,最好的方法是:
$("#mylist li").length
试一试
计算列表元素的数量
alert($("#mylist > li").length);
计算列表元素数量的另一种方法:
var num=$(“#mylist”).find(“li”).length;
console.log(num)代码>
- 要素1
- 要素2
- 要素3
- 要素4
- 要素5
$(“按钮”)。单击(函数(){
警报($(“li”).长度;
});代码>
计算特定元素的数量
- 清单-1
- 名单-2
- 清单-3
显示li元素的数量
我正在使用“追加”来添加新的项目,但我对列表中的项目数量有限制,在这种状态下,用户最多可以添加4个项目,但2个可能来自以前的状态。:)请注意,jQyery文档建议在.size()上使用.length
以避免函数调用的开销。它说现在就使用。@glowy.penguin注意,.length
不是一个函数。我需要计数以便动态重新计算元素宽度。为了安全起见,请执行$(“#myList”).children(“li”).length;如果您出于任何原因在列表中添加其他项,您不会忘记这一小行代码。这种方法不也是计算顶级ul的子ul元素中的li标记吗?说“'var'不必设置变量”过于简单化了。如果你不使用“var”,你所有的变量都会变成全局变量。看见
count = $("#mylist li").size();
$("#mylist li").length
$("#mylist").children().length
alert($("#mylist > li").length);