Удаление строки из таблицы с помощью javascript

Question

Я использую, чтобы добавить несколько строк, используя javascript. Я смог достичь этого, используя:

$('#order_basket > tbody:last').append('<tr><td><b>'+Book+ 
      '</td><td>'+Type+'</td><td>'+'<span onclick="removeRow()"'+ 
      'class="label label-important">Remove</span></td></tr>');  
     return false; 
}); 

Теперь я также хочу, чтобы иметь возможность удалить эту строку, используя javascript. В умеющем коде у меня есть метка с именем Remove, которая вызывает другую функцию в моем javascript, которая используется для удаления выбранной строки. Однако я не могу этого добиться. Код, который я использую для удаления строки:

function removeRow() { 
    $(this).parent().remove(); 
    return false; 
} 

Любая помощь будет оценена!

Answer 1

Вы должны пройти this внутри onclick события следующим образом:

'<span onclick="removeRow(this)"' 

И изменить функцию:

function removeRow(row) { 
    $(row).closest('tr').remove(); 
} 

Вместо передачи события в качестве атрибута с помощью HTML, вы можете также используйте:

 $('#order_basket > tbody:last').append('<tr><td><b>' + Book + 
      '</td><td>'+Type+'</td><td>'+'<span'+ 
      'class="label label-important remove">Remove</span></td></tr>');  
     return false; 
}); 

$('#order_basket > tbody:last').on('click', 'span.remove', function() { 
    $(this).closest('tr').remove(); 
});