使用JavaScript基于div id删除表行

Question

真的需要你的帮助。

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

非常感谢。

Answer 1

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

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

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

Answer 2

是

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

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

Answer 3

如果您的表格如下：

<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>元素。