Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/85.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript jQuery,动态添加的计数数<;李>;在<;ul>;_Javascript_Jquery_Html - Fatal编程技术网

Javascript jQuery,动态添加的计数数<;李>;在<;ul>;

Javascript jQuery,动态添加的计数数<;李>;在<;ul>;,javascript,jquery,html,Javascript,Jquery,Html,我有一个UL中的LI列表,它们都是通过jQuery动态添加的。我正试图提醒列表中的李数。现在我只能让它提醒0。我认为这是因为它试图计算装载的原始数量?这是我的代码和小提琴: 原创的 var familly=[] 家庭推送(“1”); 家庭推送(“2”); 家庭推送(“3”); 家庭推送(“4”); $(“#列表”).prepend(家庭); $('#list')。在('click','li',函数(ev){ var howMany=$('#list')。长度; 警报(有多少); });

我有一个UL中的LI列表,它们都是通过jQuery动态添加的。我正试图提醒列表中的李数。现在我只能让它提醒0。我认为这是因为它试图计算装载的原始数量?这是我的代码和小提琴:

  • 原创的
var familly=[] 家庭推送(“
  • 1
  • ”); 家庭推送(“
  • 2
  • ”); 家庭推送(“
  • 3
  • ”); 家庭推送(“
  • 4
  • ”); $(“#列表”).prepend(家庭); $('#list')。在('click','li',函数(ev){ var howMany=$('#list')。长度; 警报(有多少); });

    如何让它在动态添加LI后提醒LI的总数?

    如果您试图只查找新添加的LI的计数(不包括原始LI),可以使用
    :not:first
    表达式筛选LI并排除第一个LI

    $('#list').on('click', function(ev){ 
        var howMany = $(this).find('li:not(:first)').length; 
      alert(howMany);
    });
    

    如果试图仅查找新添加的li的计数(不包括原始li),则可以使用
    :not:first
    表达式筛选li并排除第一个li

    $('#list').on('click', function(ev){ 
        var howMany = $(this).find('li:not(:first)').length; 
      alert(howMany);
    });
    

    选择器
    $(“#下注单”)
    将一个元素与ID
    下注单
    匹配,并且由于ID是唯一的,jQuery不希望有多个,并且由于您的元素都没有该ID,您得到零

    似乎你想要的是计算
    #列表
    列表中李的数量

    $('#list').on('click', 'li', function(ev){ 
        var howMany = $('#list li').length; 
        alert(howMany);
    });
    

    请注意,这将计算当前存在的所有LI,包括最初存在的LI。

    选择器
    $(“#下注单”)
    将一个元素与ID
    下注单
    匹配,并且由于ID是唯一的,jQuery不希望有多个元素,并且由于没有一个元素具有该ID,您得到零

    似乎你想要的是计算
    #列表
    列表中李的数量

    $('#list').on('click', 'li', function(ev){ 
        var howMany = $('#list li').length; 
        alert(howMany);
    });
    


    请注意,这将计算当前存在的所有LI,包括最初存在的LI。

    您可以通过以下方式计算列表项的总数:

    $('#list').on('click', function(){ 
        var howMany = $('#list li').length; 
      alert(howMany);
    });
    
    要获取添加的列表项的数量,请在添加新列表项之前先捕获原始列表项的计数,然后从原始计数中减去函数中的总数

    var originalCnt = $('#list li').length;
    $('#list').prepend(familly);
    
    $('#list').on('click', function(){ 
        var howMany = $('#list li').length - originalCnt; 
      alert(howMany);
    });
    

    您可以通过以下方式计算列表项的总数:

    $('#list').on('click', function(){ 
        var howMany = $('#list li').length; 
      alert(howMany);
    });
    
    要获取添加的列表项的数量,请在添加新列表项之前先捕获原始列表项的计数,然后从原始计数中减去函数中的总数

    var originalCnt = $('#list li').length;
    $('#list').prepend(familly);
    
    $('#list').on('click', function(){ 
        var howMany = $('#list li').length - originalCnt; 
      alert(howMany);
    });
    

    ID与“列表”的列表名称不匹配$(“#列表”)。长度抱歉,我编辑了,现在它的输出为1。列表中li的原始编号否,它正在输出
    1
    #list
    元素的编号ID与“list”的列表名称不匹配$(“#列表”)。长度抱歉,我编辑了,现在它的输出为1。列表中li的原始数目否,它正在输出
    1
    ,列表中
    元素的数目将为零。@dinmyte-怎么会这样?查看小提琴演示。它工作得很好。那会给你零。@DinoMyte-怎么会这样?查看小提琴演示。它工作正常。这假设只有一个原始项。这假设只有一个原始项。