javascript - 我可以使用 jquery .each() 来计算表单中的每一行吗？

Question

我正在创建一个表单，用于计算项目每行的总计。

我已经使用了一段 javascript 来单独计算每一行，但我想知道是否可以使用 .each() 来计算具有相同类的每一行，而不是为每一行编写一段具有唯一的脚本身份证号。

脚本应为:(类为“price1”的 p 元素中的价格)*(类为“qty1”的输入元素中的值)。结果需要进入类为“total1”的输入元素

我的页面是http://www.catering-equipment.co.uk/portal1/ 我在这里创建了一个 JSFiddle --> https://jsfiddle.net/1y7kudtv/4/

$(".qty1").on('keyup', function () {
    // alert('pressed')
    var total = $(".price1").html() * $(this).val()
    $(".total1").val(total);
})

您可以看到我对 JavaScript 代码的尝试，但只有当我将其与唯一 ID 而不是类一起使用时，它才会起作用。

提前谢谢您。

Answer 1

使用.closest():

$(this).closest('.itemrow').find('.total1').val(total);

DEMO