行中的 HTML 按钮不起作用

HTML button in row not working

本文关键字：按钮 不起作用 HTML      更新时间：2023-09-26
var row = document.getElementById("table").tBodies[0].rows;
    $(function() {
      $('table td').click(function(e) {
        if (e.target.id === "Sellbtn") {
          var sell = prompt("Input the amount you wish to sell");
          for (var i = 0; i < row.length; i += 1) {};
          //where the problem lies i guess
          row.cells[4].innerHTML = parseInt(row.cells[4].innerHTML) - sell; 
          row.cells[6].innerHTML = +sell + +row.cells[6].innerHTML;

        } else if (e.target.id === "Deletebtn") {
          return false;
        } else {
          var ask = prompt("ادخل");
          $(this).html(ask);
        }
      });
    });

我在表中有从本地存储加载的行，因为它们以前已保存。每行都有一个卖出按钮，单击该按钮时会给出提示并询问卖出金额。当用户输入值时，它应该从用户输入的数字中减去cell[4]中的数字，但发生的情况是它只从最后添加的行中减去cell[4]，它不会检测到我正在单击按钮的哪一行。把它放在for循环中不会给我任何东西，甚至没有错误。

你的 for 循环没有做任何事情。

认为你想做下面这样的事情，但我不太确定。

for (var i = 0; i < row.length; i += 1) {
    //where the problem lies i guess
    row[i].cells[4].innerHTML = parseInt(row.cells[4].innerHTML) - sell; 
    row[i].cells[6].innerHTML = +sell + +row.cells[6].innerHTML;
}

编辑（忽略此）

刚刚注意到这段代码+sell + +。这也需要更改为有效的东西。

相关文章：