jQuery DOM附加元素 - 每个循环错误地访问它们

时间:2017-01-02 16:50:30

标签: jquery append

如果您将运行代码然后删除元素然后添加更多(通过单击按钮),然后单击总和按钮 - 它将不会显示任何结果。但如果我保持2输入它很好。我该怎么做才能增加更多输入,然后使功能运行良好? 您可以在此JSFiddle

中查看结果
mkdir build && cd build && ../configure $your_flags &&
make -j20 rt/librt.a

2 个答案:

答案 0 :(得分:0)

这一行:

$("<input type='number' id='number+newId+'/>").appendTo(".inputs");

是错误的来源,你的引号放错地方,这会产生无效的HTML。 像这样修复它:

$('<input type="number" id="number'+newId+'"/>').appendTo(".inputs");

它应该有效!

答案 1 :(得分:0)

我修正了你的总和,问题是你真的奇怪地尝试访问输入值,当你可以使用&#39;这个&#39;在每个循环中,如:

$("#sum").click(function() {
            var $counter = 0;
            var numbers = {};
            var length = $('input').length;
            var result = 0;
            $('input').each(function(){
                if($(this).val()!=''){
                result += parseInt($(this).val());
              }
            });
            $('#result').html(result);
        });