可以使用 JavaScript 来实现这个功能。首先,为每个删除按钮添加一个事件监听器,并在点击时调用一个函数来删除相应的行。以下是一个示例代码:

HTML 代码:

<table id='myTable'>
  <tr>
    <td>行1</td>
    <td><button onclick='deleteRow(this)'>删除</button></td>
  </tr>
  <tr>
    <td>行2</td>
    <td><button onclick='deleteRow(this)'>删除</button></td>
  </tr>
  <tr>
    <td>行3</td>
    <td><button onclick='deleteRow(this)'>删除</button></td>
  </tr>
</table>

JavaScript 代码:

function deleteRow(btn) {
  var row = btn.parentNode.parentNode;
  row.parentNode.removeChild(row);
}

在上面的代码中,`deleteRow` 函数获取到按钮的父节点 ( `` 元素 ) 的父节点 ( `` 元素 ),然后使用 `parentNode.removeChild()` 方法将该行从表格中移除。

这样,当点击删除按钮时,相应的行将会被删除。


原文地址: https://www.cveoy.top/t/topic/p9a7 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录