Javascript删除html表格行

标签 javascript html-table

我动态创建一个 html 表,每行中的一个单元格存储一个按钮,我想在按下该按钮时删除该行。我可以通过哪些选项来了解按下删除按钮时要删除的表行?

我能以某种方式获取按钮所在的行吗?也许然后在点击中我可以使用事件“this”属性来获取按钮,然后找出它位于哪个单元格,以及从那里该单元格位于哪一行?但不确定我会如何去做。

最佳答案

如果您使用 jQuery,这将是有关如何实现此目的的示例代码。

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

希望这能有所帮助,最好!

关于Javascript删除html表格行,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13618409/

相关文章:

javascript - 如何在选择选项时显示警报

jQuery .push() 不工作

html - 如何使用xpath在特定行的下拉列表中选择一个值?

javascript - php 重定向包括增加

javascript - 如何向 WebStorm 添加 ESLint 检查并计算行数

javascript - 在 Node JS 中使用服务器发送事件未在客户端接收数据

javascript - 突出显示 HTML 表格中的所有数据

jquery - 对表格单元格执行计算

css - 修改表格 td 宽度

javascript - 使用 jquery 插件删除内联样式