Question

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

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

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

每次按下＆＃39; +＆＃39;按钮都会生成在我的形式。对于每个按钮隔垫，它的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>

删除行表拦截按钮？

1 个答案: