javascript - 仅计算相关行的总和

Question

所以我遇到了几个小时都无法解决的问题..

当我按下按钮“Pridėti prekę”时，一行会动态添加到表中，当我在“Kiekis”和“Kaina”列中写入数字时，“Suma”列中不会发生任何事情(这只发生在动态添加的行上) )。

jQuery 片段:

$(document).on('keyup', '#quantity, #price', function() {
    $('#total').val(($('#quantity').val() * $('#price').val()).toFixed(2));
});

请看看 JSFiddle 如何“运行”我的代码:

https://jsfiddle.net/w5qz5exe/7/

提前感谢您的帮助!

P.S 我尝试将 div ID 总计更改为 div 类总计，然后它可以工作，但它适用于所有行而不是相关行。

Answer 1

您正在使用 id 引用所有内容。

    $(document).on('keyup', '.quantity, .price', function() {
        var row = $(this).closest('tr');
        var rowPrice = $(row).find('.price').val();
        var rowQuantity = $(row).find('.quantity').val();

        $(row).find('.total').val( (rowPrice * rowQuantity).toFixed(2) )
    });

https://jsfiddle.net/w5qz5exe/12/