如何在Jquery中使用类获取和放置这些特定字段的值

我试图从2个输入标记中获取值，然后将它们相乘，并将结果放入第三个输入标记中

我成功地从输入标签中获取了值，但问题是我无法获取特定的值。我需要使用类，因为我的主要目的是使用foreach循环获取购物车项目。我尝试使用$（this）关键字，但失败了

HTML:

我想在结果字段中显示价格和数量的乘积。 将第二行的输入更改为5时，应在结果列中生成50

---

10*5=50

您需要使用该元素相对于具有相同类的其他元素的索引（使用索引函数中的选择器）

此小提琴中的代码将实现以下功能：

$(".inp-text").keyup(function() {
    console.log("key action");
    var index = $(this).index(".inp-text");
    var key1 = $(this).val();
    // I want the value of this specific input class .inp and .inp-text
    $(".inp:eq("+index+")").attr("value", function() {
        var key2 = $(this).val();
        console.log(key1);
        console.log(key2);
        // multiply those values and then display it in result class
        var ress = key1 * key2;
        $(".result:eq("+index+")").val(ress);
    });
});

---

使用jquery向每个inp文本字段添加一个自定义属性（如果愿意，可以动态添加）。此自定义属性用于标识哪个inp属于哪个inp文本，此属性的值将为$（'.inp'）.val（）。您可以使用它来标识每个字段的inp文本。无需这样做。每个类都有一个相对于其他类的索引。

$(".inp-text").keyup(function() {
    console.log("key action");
    var key1 = $(this).val();
    // I want the value of this specific input class .inp and .inp-text
    $(".inp").attr("value", function() {
        var key2 = $(this).val();
        console.log(key1);
        console.log(key2);
        // multiply those values and then display it in result class
        var ress = key1 * key2;
        $(".result").val(ress);
    });
});

var index = $(this).index(".inp-text");

$(".inp-text").keyup(function() {
    console.log("key action");
    var index = $(this).index(".inp-text");
    var key1 = $(this).val();
    // I want the value of this specific input class .inp and .inp-text
    $(".inp:eq("+index+")").attr("value", function() {
        var key2 = $(this).val();
        console.log(key1);
        console.log(key2);
        // multiply those values and then display it in result class
        var ress = key1 * key2;
        $(".result:eq("+index+")").val(ress);
    });
});