Javascript jQuery,动态添加的计数数<;李>;在<;ul>;
我有一个UL中的LI列表,它们都是通过jQuery动态添加的。我正试图提醒列表中的李数。现在我只能让它提醒0。我认为这是因为它试图计算装载的原始数量?这是我的代码和小提琴: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')。长度; 警报(有多少); });
- 原创的
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-怎么会这样?查看小提琴演示。它工作正常。这假设只有一个原始项。这假设只有一个原始项。