刪除行表攔截按鈕？

Question

我有一張桌子，您可以在其中添加新行，也可以刪除。 我使用了一個過時的系統，我按下了一個按鈕，然后插入要刪除的行，但這不是最好的。

現在，我為每一行創建了一個名為“刪除”的按鈕，我將確保每次按下該按鈕時，都會刪除相應的行。 你能做到嗎？

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

每當您在我的表單中按“ +”時，都會生成該按鈕。 對於每個按鈕隔片，其onclick以及與刪除行有關的功能。 續是行計數器。

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>