Jquery 发票 table

Question

我已经制作了一张发票 table 添加和附加行功能。

但是有一个错误。当我添加新行并开始输入新的 "quantity" 时，"Total" 单元格的值将填充第一行 "Total" 单元格的值。

但是在这个项目中没有出现这个错误： http://jsfiddle.net/norlihazmeyGhazali/fmcbwude/

.on('keyup', '.qty, .net_rate', function () {
var parent = $(this).closest('.invoice_table');
calculate(parent);

})

function calculate(e){
var q = +$(e).find('.qty').val();
var n = +$(e).find('.net_rate').val();
var sum = 0;
$(e).find('.totalLinePrice').val(q*n);
$('.totalLinePrice').each(function(i,e){
    sum += +$(e).val();        
});
$('.grand').val(sum);
} ;

我做错了什么？

Answer 1

父项必须是行而不是 table :

.on('keyup', '.qty, .net_rate', function () {
var parent = $(this).closest('tr');
calculate(parent);

http://jsfiddle.net/fmcbwude/32/

Jquery 发票 table

Jquery Invoice table

jquery

invoice