javascript - 使用 JavaScript 删除基于 div id 的表格行

Question

真的需要你的帮助。

我有一个可以动态添加和删除行的表。但问题是我想根据 div id 删除表的行。我的意思是，在表格的每一行的一列上，我都有自动递增的 div id。然后，我想删除基于 div id 的行。那可能吗？

非常感谢。

Answer 1

你可以用 jQuery 很容易地做到这一点。

http://jsfiddle.net/KWPWr/1/

$('#d2').closest('tr').remove();

Answer 2

如果您的表格如下所示：

<table>
    <tbody>
        <tr>
            <td>
                <div id="01"></div>
            </td>
        </tr>
        <tr>
            <td>
                <div id="02"></div>
            </td>
        </tr>
    </tbody>
</table>

您可以使用document.getElementById(DIVID).parentNode.parentNode来访问<tr>元素。

Answer 3

是的。

$('#row-id').closest('tr').fadeOut(200, function() { $(this).remove(); });

上面将首先选择 div，然后找到它存在的表行，将其淡出并删除。