删除行表拦截按钮？

Question

我有一个表格，您可以在其中添加新行，也可以删除。我使用了一个过时的系统，我按下一个按钮并插入要删除的行，但这不是最好的。

现在我为每一行创建一个“删除”按钮，我会确保每次按下该按钮时，相应的行都会被删除。 你能做到吗？

input5.onclick = function Ultimo(event)
                {
                    event = event || window.event;             
                    var row =  event.target || event.srcElement;
                    document.getElementById('table').deleteRow(row);
                    cont--;
                }

每次您在我的表单中按“+”时都会生成该按钮。 对于每个按钮隔膜，它的 onclick，与删除行有关的功能。 Cont 是一个行计数器。

Answer 1

如果您只想将其从 DOM 中删除，这非常简单。你可以用纯 Javascript 或 JQuery 来做。使用 JQuery 会更具可读性和可维护性。

纯 Javascript 解决方案：

http://jsfiddle.net/k5mfe/

<table>
    <tr><td>One</td><td><a href="#" onclick="removeRow(this)">Delete</a></td></tr>
        <tr><td>Two</td><td><a href="#" onclick="removeRow(this)">Delete</a></td></tr>
        <tr><td>Three</td><td><a href="#" onclick="removeRow(this)">Delete</a></td></tr>
</table>


<script>
    function removeRow(el)
{
    var tr = el.parentElement.parentElement;
    tr.parentElement.removeChild(tr);

}
</script>

jQuery 解决方案

http://jsfiddle.net/k5mfe/1/

<script>
function removeRow(el)
{
    $(el).parents('tr').remove();
}
</script>