javascript - jQuery click 在 tr 上工作正常，但在 td 上不行

Question

我正在尝试使用 Jquery 创建一个实时表编辑，但我无法让它在我的 td 上而不是 tr 上触发

这是我的代码。 http://jsfiddle.net/y7Zck/1/

这几乎按预期工作。我想要更改的是，如果您在此示例中点击值为 150 的frameTot，则该函数不会触发。您应该只能单击前两个字段并显示编辑框。我该如何去做呢？

我尝试改变

$(".edit_tr").click(function()

至

$(".edit_td").click(function()

似乎根本没有帮助。

Answer 1

它不起作用，因为这一行 var ID = $(this).attr('id'); 当您使用 tr 并且它返回时，它是正确的tr ID。当您将其更改为TD点击时，ID会发生变化。您需要获取 TR id 才能使其正常工作。

更改为

var ID = $(this).parent().attr('id');

在这里检查，http://jsfiddle.net/muthkum/y7Zck/2/