javascript - 如何按 ID 减去特定列值并在所有行的另一列中显示结果？

Question

我想做这样的方程:net_PO = PO -total_PO。它将采用值getElementByID。结果将显示在 id= net_PO 中。在 javascript 或 jquery 中我想这样做。帮我。提前致谢。

<td width="229" class="data"><?php echo $row->total_pen ?></td>
<td width="229" class="data"><?php echo $row->total_rejec ?></td>
<td width="229" class="data" id="PO"><?php echo $row->total_rel ?></td>
<td width="229" class="data" id="total_PO"><?php echo $row->total_po ?></td>
<td width="229" class="data" id="net_PO"></td>

我使用这个 JavaScript。

$(document).ready(function(){   
 $('#PO').each(function () {
 var PO = $("#PO").html();
 var total_PO = $("#total_PO").html();
 var net_PO = parseFloat(PO) - parseFloat(total_PO);
 $("#net_PO").html(net_PO);
 //alert(net_PO);
  });
});

它仅适用于第一行。不适用于所有行。所有行都有相同的 ID

Answer 1

当您使用 $(document).ready 时，我假设您在代码中包含 jQuery，请尝试使用以下方法:

var PO = $("#PO").html();
var total_PO = $("#total_PO").html();
var net_PO = parseFloat(PO) - parseFloat(total_PO);
$("#net_PO").html(net_PO)