javascript - jQuery/Grails-在文本框更改时检测表中的行

Question

更改字段B后，我需要重新计算字段A。

但是它们在一行中，是一个行数为“n”的表(foreach)。

为了进行必要的重新计算，我必须获得进行更改的行。这是示例代码。谢谢!

 $('#number').keyup(function () {
        
               var num=parseFloat($('#number').val());
               var price=parseFloat($('#price').val());
              
               var newAmount= num*price;
               
               document.getElementById("priceAmount").value = newAmount;
               
});

<table>
  <thead>
  <tr>
    <th> Name <th>
    <th> Product <th>
    <th> Price <th>
    <th> Number <th>
    <th> Price Amount <th>
  <tr>
  </thead>
  <tbody>
    <tr>
     <g:each var="sale" status="i" in="${saleInstanceList}">
       <td>${sale.name}"></td>
       <td>${sale.product}"></td>
       <td>${sale.price}"></td>
       <g:hiddenField name="price" value="${sale.price}"/>
       <td><g:textField name="number" value="${sale.number}"></g:textField></td>
       <td><g:textField name="priceAmount" value="${sale.priceAmount}"></g:textField></td>
     </tr>
     </g:each>
  </tbody>
</table>
  

Answer 1

我猜你必须为每行制作一个jQuery函数，并用row-id等创建变量。