javascript - Javascript删除html表格行

Question

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

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

Answer 1

可以使用本机 JS 来完成，但这里有一个 jQuery 解决方案。确保 clone(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();
});

希望这会有所帮助，最好！