表行输入更改时，使用jquery修改表行

Question

下面是我正在动态生成的表行的示例。我正在尝试使用jQuery通过上面的输入来修改Extendedprice td。 IE改变数量。我的示例部分工作，但是我的选择器选择了所有extendedprice td行。我认为我错误地使用了下一个选择器。不幸的是，上周我大怒，我删除了正在工作的部分，而不是将其注释掉。

<link rel="stylesheet" type="text/css" href="./css/mystyle.css/">

Answer 1

好的，这是。首先，您的input的{​​{1}}属性不应包含特殊字符。假设其价格。所以我将其删除。假设（价格*数量），实现基本的数学计算

我使用find获取当前的data，并使用closest获取最近的课程。因此它只会影响row中类别为td的{​​{1}}  同一行。

extendedPrice

$(document).on("change",".partQtyInput",function(){
  var amount = $(this).data("outrightp");
  var total = ($(this).val() * amount).toFixed(2);
  $(this).closest('tr').find('.extendedPrice').html('$'+total);
  console.log(total);
});