Javascript 如何使用jquery获得每行的产品？

如何获得表中每行的产品

Example in table: data1 data2 data3 total 1 2 3 6 2 2 3 12

数据1
数据2
数据3
全部的

将val放在每个var中，然后乘以，然后将总数放在多个总数中：）

---

将val放在每个var中，然后乘以，然后将总数放在多个总数中：）

正确运行此操作及其乘法。你让它做的是数据3*data2*data3，而不是12和3

$（文档）.ready（函数（）{
$（“.txtMult input”）.keyup（多输入）；
函数多输出（）{
//对于每行：
$（“tr.txtMult”）。每个（函数（）{
//从此行获取值：
var$data1=$（'.data1'，this.val（）；
var$data2=$（'.data2'，this.val（）；
var$data3=$（'.data3'，this.val（）；
变量$total=（$data1）*（$data2）*（$data3）；
$（'.multTotal'，this）.val（$total）；
});
}
});

数据1
数据2
数据3
全部的
正确运行此项及其乘法。你让它做的是数据3*data2*data3，而不是12和3


$（文档）.ready（函数（）{
$（“.txtMult input”）.keyup（多输入）；
函数多输出（）{
//对于每行：
$（“tr.txtMult”）。每个（函数（）{
//从此行获取值：
var$data1=$（'.data1'，this.val（）；
var$data2=$（'.data2'，this.val（）；
var$data3=$（'.data3'，this.val（）；
变量$total=（$data1）*（$data2）*（$data3）；
$（'.multTotal'，this）.val（$total）；
});
}
});

数据1
数据2
数据3
全部的

$（文档）.ready（函数（）{
$（“.txtMult input”）.keyup（多输入）；
函数多输出（）{
//对于每行：
$（“tr.txtMult”）。每个（函数（）{
//从此行获取值：
var$data1=$（'.data1'，this.val（）；
var$data2=$（'.data2'，this.val（）；
var$data3=$（'.data3'，this.val（）；
变量$total=（$data1*1）*（$data2*1）*（$data3*1）；
$（'.multTotal'，this）.val（$total）；
});
}
});

数据1
数据2
数据3
全部的

$（文档）.ready（函数（）{
$（“.txtMult input”）.keyup（多输入）；
函数多输出（）{
//对于每行：
$（“tr.txtMult”）。每个（函数（）{
//从此行获取值：
var$data1=$（'.data1'，this.val（）；
var$data2=$（'.data2'，this.val（）；
var$data3=$（'.data3'，this.val（）；
变量$total=（$data1*1）*（$data2*1）*（$data3*1）；
$（'.multTotal'，this）.val（$total）；
});
}
});

数据1
数据2
数据3
全部的
谢谢大家的帮助

我找到了解决这些问题的办法

`$(document).on("keyup", ".data1, .data2, .data3", function() {
    var tablerow = $(this).parent("td").parent("tr");

    var data1 = tablerow.find(".data1").val();
    var data2 = tablerow.find(".data2").val();
    var data3 = tablerow.find(".data3").val();

    var total = data1 * data2 * data3;
    tablerow.find(".multTotal").val(total);
});
`

谢谢你们的帮助

我找到了解决这些问题的办法

`$(document).on("keyup", ".data1, .data2, .data3", function() {
    var tablerow = $(this).parent("td").parent("tr");

    var data1 = tablerow.find(".data1").val();
    var data2 = tablerow.find(".data2").val();
    var data3 = tablerow.find(".data3").val();

    var total = data1 * data2 * data3;
    tablerow.find(".multTotal").val(total);
});
`

我的函数构造正确吗？因为我无法从这3个数据中通知data1或任何值。感谢您的帮助Hanks@Static void我的函数构造是否正确？因为我无法从这3个数据中通知data1或任何值。感谢您的帮助，当我运行您的代码时，hanks@Static void工作正常。有什么出乎意料的吗？@guradio我使用jquery追加了另一行，但是自动计算总数的第二行和下一行没有计算。原始行正常。当我运行代码时，它正常工作。有什么出乎意料的吗？@guradio我使用jquery追加了另一行，但是自动计算总数的第二行和下一行没有计算。原始行是OK的。如果我添加一组新的data1、data2、data3行。使用相同的类名并计算每个特定的总行可以吗？感谢@Hong Vat VitIn案例我添加了一组新的data1、data2、data3行。使用相同的类名并计算每个特定的总行可以吗？谢谢@Hong Vat Vit