Удалить строку с помощью jQuery

Question

Я хочу следующие функции:

Когда пользователь нажимает на любую строку, он будет удален.

Я пробовал следующее, но есть проблема. Если вы нажмете на строку, она будет удалена отлично, но когда вы добавите строку, нажав на #click, строка не будет удалена, когда я нажму на нее.

Вот мой код:

SCRIPT

$(document).ready(function(){ 
$('#click').click(function(){ 
    $('#table').append('<tr><td>&nbsp;</td></tr>'); 
}) 
$('#remove').click(function(){ 
    $('#table tr:last').remove(); 
}) 
$('#table tr').click(function(){ 

$(this).remove(); 

}); 
}) 

Answer 1

click только вперед к bind и bind связывает только то, что соответствует элементам в объекте JQuery в момент создания. Вы, вероятно, хотите использовать on с параметром selector:

$('#table').on('click', 'tr', function() { 
    $(this).remove(); 
}); 

Try it на JSFiddle.

Answer 2

Вы Шоуда привязать обработчик щелчка к каждой строке, используя on (тр)

.он() метод присоединяет обработчики событий к выбранному набору элементов

$('your-table').on('click','tr',function(){ 
    $(this).remove();   
}); 

DEMO

Надеюсь, это поможет

Answer 3

Потому что вы не назначаете событие добавленной строке. Попробуйте добавить строку следующим образом:

$('#click').click(function(){ 
    $('#table').append('<tr><td>&nbsp;</td></tr>'); 
    $('#table tr:last').click(function(){ 
     $(this).remove(); 
    }); 
})