如何使用JQuery计算ID ^的总和

Question

我有两个不同的ID。 从名为id =“ H + currentRow +”（+ currentRow +是当前行）的ID进行一次自动递增（使用jquery）。 另一个向PHP发出ajax请求，该请求向表单附加id =“ Z＃”（＃将取决于数据库中的ID）。

我已经做到了：

$(document).ready(function(){
$("input").change(function(){ 
var sum=0;
    $("[id^=H]").each(function(){

     sum=sum+(+parseInt(this.value));
    });

var sum2=0;
    $("[id^=Z]").each(function(){

     sum2=sum2+(+parseInt(this.value));
    });

var total = sum + sum2;
    if(isNaN(total)) {
        var total = 0;
    }

$("#total").text(total);

});
});

但是那是行不通的。 它适用于第一个字段，但适用于附加的其他任何内容。 有人知道发生了什么，为什么它不起作用？

Answer 1

当您直接将事件绑定到元素时，附加到页面的新元素将不会触发该事件。 您必须绑定附加了输入的父元素。

试试这个绑定：

$('body').on('change', 'input', function () {
    // your code remain the same here...
});

您可以比body更具体，将事件绑定到输入的父元素。