javascript - Jquery .each() 不添加总和

Question

所以我有这段代码，我试图让它将所有总和加上数量相加。现在它的工作原理只是添加其中一项。我错过了什么？

function addSubTotal() {
var subTotal = 0;
var total = 0;

    $("#items").find("#itemadd").each(function() {
        var qty = parseInt($(this).find("#qty").val());
        var rate = parseInt($(this).find("#price").html());
        subTotal += qty * rate; 
    });
        $("#subTotal").html(subTotal);
  }

这是我用来动态添加它的代码

function addItem(a, b) {
$("#items").append("<div id=itemadd> <span id=remove>remove</span> <span id=item>" + a + "</span> <input id=qty type=number autocomplete=off value=2> <span id=price>" + b + "</span></div>");
addSubTotal();
}

Answer 1

问题是您正在使用 id 属性。 id必须是唯一的。否则，浏览器将仅返回找到的具有该 id 的元素的第一个实例。

您想要创建这些类，然后搜索 .itemadd。

看看这个简单的例子: https://jsfiddle.net/2b7zfjha/