PROSAGA码农传奇-实时计算-实时计算JQuery

您在这里有几个问题。首先，主要问题是因为您的HTML无效；您不能将a div作为孩子的孩子table。它必须在tr和td或内th。这就是为什么closest()不起作用的原因，因为渲染器正在移动表格的div 外部以使HTML有效。

您还声明您不希望使用id属性，因为会重复此HTLM结构，这很好，请使用class属性。然后，您可以为所有这些元素组合相同的功能，而不必重复您的JS。

您也不应使用on*内联事件处理程序。除了过时之外，它们不保留引发该元素的元素范围，因此this引用很可能是window，从而导致计算逻辑出现问题。要解决此问题，请使用不引人注意的事件处理程序，例如jQuery on()和input事件，该事件处理程序还涉及使用鼠标粘贴内容。

话虽如此，请尝试以下操作：

```
$(function() {
  $('.amount').on('input', function() {
    var $amount = $(this);
    var $table = $amount.closest('table');
    var $tax = $table.find(".tax");
    var $total = $table.find(".total");

var tax = parseFloat((1 / 10).toFixed(1));
    $tax.val(tax);
    $total.val(parseFloat($amount.val()) + tax);
  });
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<form>
  <table>
    <tr>
      <td>
        <input type="text" name="amount" class="amount">
      </td>
    </tr>
    <tr>
      <td>
        <div>
          <b>tax</b>
          <p>
            <input name="tax" type="text" class="tax" readonly="readonly">
          </p>
        </div>
        <div>
          <b>total</b>
          <p>
            <input name="sum" type="text" class="total" readonly="readonly">
          </p>
        </div>
      </td>
    </tr>
  </table>
</form>
```
最后一点，该tax计算被硬编码为0.1，因此当您只需将其添加0.1到用户的输入中时，逻辑似乎有点复杂。我将假设这是一个正在进行的工作，并且税率是可变的。