jQuery 在 table td 循环中计算

Question

我正在通过 PHP 获取 JSON 数据。我试图在 javascript 和 jQuery 的帮助下计算 td 的值，并像下面的 table 示例一样计算期初和期末余额。

这可以吗？请帮助我如何在 jQuery 代码中使用 jquery 实现。

例子table-

open bal as 0 first time + today in - today out = closing bal 和 previous closing bal 将是 open bal next day。

open bal	today in	today out	closing bal
1	1	1	1
2	0	1	1
0	2	0	2

$.ajax({
    type: "POST",
    cache: false,
  },
  success: function(response) {
    if (response == "ok") {
      $.each(response.data, function(i, items) {
        tableWithHeader.find('tbody').append(`
     <tr>
      <td>0</td>
      <td>${items.inqty}</td>
      <td>${items.outqty}</td>
      <td></td>
      </tr>
    `);
      });
    }
  });

Answer 1

这里：

$.ajax({
    type: "POST",
    cache: false,
  },
  success: function(response) {
    if (response == "ok") {
      let openqty = 0 // declare outside of loop
      let closeqty = 0 // declare outside of loop
      $.each(response.data, function(i, items) {
      
      closeqty = parseInt(items.inqty) - parseInt(items.outqty) + openqty
      //calculate closeqty
        tableWithHeader.find('tbody').append(`
     <tr>
      <td>${openqty}</td>  // this will be 0 on first run
      <td>${items.inqty}</td>
      <td>${items.outqty}</td>
      <td>${closeqty}</td>
      </tr>
    `);
      });
      openqty = closeqty // now set it for next loop to be same as closeqty 
    }
  });

工作示例：

//$.ajax({
//type: "POST",
//cache: false,
//},
//success: function(response) {
//if (response == "ok") {
let openqty = 0 // declare outside of loop
let closeqty = 0 // declare outside of loop

const response = {
  data: [{
    inqty: "2",
    outqty: "0"
  }, {
    inqty: "0",
    outqty: "1"
  }, {
    inqty: "1",
    outqty: "1"
  }]
} // sample data

$.each(response.data, function(i, items) {

  closeqty = parseInt(items.inqty) - parseInt(items.outqty) + openqty
  //calculate closeqty

  $("table").find('tbody').append(`
     <tr>
      <td>${openqty}</td>  // this will be 0 on first run
      <td>${items.inqty}</td>
      <td>${items.outqty}</td>
      <td>${closeqty}</td>
      </tr>
    `);
  openqty = closeqty // now set it for next loop to be same as closeqty

});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<table>
  <tbody>
  </tbody>
</table>

jQuery 在 table td 循环中计算

jQuery calculation in table td loop

html

javascript

ajax

jquery

html-table