Jquery 更改特定td值

我有一张桌子，上面有一行，上面写着数量、价格和总数 当我提供数量和价格时，总数会自动生成

我有另一个函数，它将一个空行附加到前一行。但问题是，之前的总数也在这里。。如何识别单独的行并根据特定行更改值

这是我的密码

Jquery

$(document).ready(function(){
    $("#quant, #prc").blur(function(){
        var quants = $("#quant").val();
        var prc = $("#prc").val();
        var tot_field = $("#tot").val();
        var tot  = quants * prc;
        $('#tot').html(tot);
    })
});

html

---

通过这样做，只有第一排工作得很好，但其他的不行。。我必须添加一些与每行相关联的索引，但我不知道如何做…

将您的ID更改为类：

<table>
    <tr>
        <td>
            <input class="quant orderquan" value="0" type="text" />
        </td>
        <td class="mrp">
            <input class="prc orderinput" value="0" type="text" />
        </td>
        <td> <span class="tot orderquan"></span>

        </td>
    </tr>
</table>

您还需要将委托与

.on

一起使用，以将处理程序绑定到动态创建的元素

---

JSFIDLE肯定会有助于演示您的问题。您需要使用类而不是ID，因为ID必须是唯一的。然后使用DOM遍历函数更新同一行上的字段。什么是DOM遍历？我该怎么做？

<table>
    <tr>
        <td>
            <input class="quant orderquan" value="0" type="text" />
        </td>
        <td class="mrp">
            <input class="prc orderinput" value="0" type="text" />
        </td>
        <td> <span class="tot orderquan"></span>

        </td>
    </tr>
</table>

$(function() {
    $("table").on("blur", ".orderquan, .orderinput", function() {
        var row = $(this).closest("tr");
        var quants = row.find(".quant").val();
        var prc = row.find(".prc").val();
        var tot = quants * prc;
        row.find(".tot").text(tot);
    });
});