Javascript删除html表行

Question

我动态创建一个html表，每行中的一个单元格存储一个按钮，我想在按下时删除该行。我有什么选择知道要从删除按钮中删除哪些表行？

我能以某种方式获得按钮所在的行吗？也许然后在点击内部我可以使用事件'this'属性来获取按钮，然后找出它所在的单元格，以及该单元格所在的那一行？不知道我是怎么做的。

Answer 1

可以使用本机JS完成，但这是一个jQuery解决方案。请务必克隆（true）以确保您的事件得以保留。

<tr><td>hello</td><td><span class="deleteMe">Delete</td></tr>

$(".deleteMe").click(function(){$(this).parent().parent().remove();});

Answer 2

将它放在按钮的onclick处理程序中：

this.parentNode.parentNode.parentNode.removeChild(this.parentNode.parentNode);

Answer 3

如果您使用的是jQuery，这将是一个示例代码，说明如何实现这一目标。

$('#my_table_id').on('click', 'button', function() {
    $(this).closest('tr').remove();
});

希望这有帮助，最好！