javascript - HTML 按钮在表行中不起作用 jQuery

Question

$(function() {
  $('table td').click(function(e) {
    if (e.target.id === "Sellbtn") {
      var sell = prompt("Enter the amount you wish to sell");
      //problem is here i guess
      $(this).parent('tr').cells[4].innerHTML = parseInt($(this).parent('tr').cells[4].innerHTML) - sell;
    } else if (e.target.id === "Deletebtn") {
      return false;
    } else {
      var ask = prompt("Input");
      $(this).html(ask);
    }
  });
});

我有一个包含几行的表格，每行有两个按钮(出售和删除)。我想要的是，当我单击一行的“出售”按钮时，它会出现提示，然后应该从该行的单元格 [4] 中的数字中减去输入的金额，并将单元格 [4] 中的金额更改为新的金额数量。这显然不起作用，所以我该怎么办？顺便说一下，这段代码给了我错误:无法读取未定义的属性“4”。

Answer 1

如果我正确理解你的代码，那么这样的事情应该有效:

var td4 = $(this).closest("tr").find("td:eq(4)");
td4.html(parseInt(td4.text()) - sell);

您的代码的问题是 $(this).parent('tr').cells 未定义。另外，您需要使用适用于 jQuery 选择的 .html()，而不是使用 .innerHTML (仅适用于 Javascript 对象)。