jquery - Onclick删除表格行jQuery

Question

我有一张表，无论我尝试什么，我似乎都无法从中删除行。它是一个由 5 列和几行组成的简单表，使用 Json 从 php/mysql 查找中生成。我最终想通过单击按钮从 mysql 表中删除该行，但我坚持在 jquery 中删除该行的“简单”部分。

这是创建我的表的代码：

var table = $('<table></table>').addClass('tbc');
for (var i = 0; i < json.admin_tables.length; i++) {
var row = $('<tr></tr>').addClass('guid').attr('id', i).add('<td>' + json.admin_tables[i].Room + '</td><td>' + json.admin_tables[i].time + '</td><td>' + json.admin_tables[i].Desk + '</td><td>' + i + '</td><td><input type="button" id="'+ i + '" class="delete" value="Delete row ' + i + '"</td>');
table.append(row);
$('#roomTable').append(table);
} 

但是，以下代码什么都不做（firebug 中没有错误）

$('.delete').click(function() { 
    $(this).closest("tr").remove();
}

将“tr”更改为“td”只会删除按钮，我不想单独删除每个字段！

Answer 1

元素是动态插入的.delete，因此您需要委托事件处理程序来定位它们：

$('#roomTable').on('click', '.delete', function() { 
    $(this).closest("tr").remove();
});