Удалить таблицу строк, перехватив кнопку?

Question

У меня есть таблица, в которой вы можете добавить новые строки, а также удалить. Я использовал устаревшую систему, я нажал кнопку и вставлял строку, которую нужно удалить, но это не самое лучшее. Теперь я создаю для каждой строки созданную кнопку с надписью «delete», я бы удостоверился, что каждый раз при нажатии этой кнопки соответствующая строка удаляется. Вы можете это сделать?

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.

Pure 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>