使用jquery从表中删除tr

基础概念

jQuery 是一个快速、简洁的 JavaScript 库，它简化了 HTML 文档遍历、事件处理、动画和 Ajax 交互。在 jQuery 中，<tr> 元素代表 HTML 表格中的一行。

类型与应用场景

类型：这是一个 DOM 操作任务。
应用场景：适用于任何需要动态管理表格内容的网页应用，如数据管理后台、电子商务网站的商品列表等。

示例代码

以下是一个使用 jQuery 删除表格行的示例代码：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>jQuery Delete Row Example</title>
    <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
</head>
<body>

<table id="myTable" border="1">
    <tr>
        <th>Name</th>
        <th>Age</th>
        <th>Action</th>
    </tr>
    <tr>
        <td>John Doe</td>
        <td>30</td>
        <td><button class="deleteRow">Delete</button></td>
    </tr>
    <tr>
        <td>Jane Smith</td>
        <td>25</td>
        <td><button class="deleteRow">Delete</button></td>
    </tr>
</table>

<script>
$(document).ready(function(){
    $('.deleteRow').click(function(){
        $(this).closest('tr').remove();
    });
});
</script>

</body>
</html>