📌  相关文章
📜  如何使用 jQuery 从表中删除表行?(1)

📅  最后修改于: 2023-12-03 15:08:21.762000             🧑  作者: Mango

使用 jQuery 从表中删除表行

在网页开发中,删除表格的行是一个常见的操作。jQuery 提供了方便的方法来实现这个功能。

1. 用法

要删除表格中的一行,可以使用 remove() 方法。例如,要删除第二行:

$("table tr:eq(1)").remove();

请注意,行数从0开始计数,因此第二行的索引是1。

2. 示例

以下是一个 HTML 表格:

<table>
    <tr>
        <td>姓名</td>
        <td>年龄</td>
    </tr>
    <tr>
        <td>Alice</td>
        <td>25</td>
    </tr>
    <tr>
        <td>Bob</td>
        <td>30</td>
    </tr>
    <tr>
        <td>Charlie</td>
        <td>35</td>
    </tr>
</table>

要删除第三行(Bob 的行),可以使用以下代码:

$("table tr:eq(2)").remove();

这将产生以下 HTML:

<table>
    <tr>
        <td>姓名</td>
        <td>年龄</td>
    </tr>
    <tr>
        <td>Alice</td>
        <td>25</td>
    </tr>
    <tr>
        <td>Charlie</td>
        <td>35</td>
    </tr>
</table>
3. 总结

使用 jQuery 从表中删除表行非常简单。只需找到要删除的行并使用 remove() 方法即可。如果您需要删除多个行,可以在循环中使用该方法。