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

我有一个从一些服务器端代码生成的列表,在使用jQuery向其中添加额外内容之前,我需要计算其中已经包含了多少项

<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);