Onclick刪除表格行jQuery

Question

我有一張表，我似乎無法刪除行，無論我嘗試。 它是一個簡單的5列表和從php/mysql查找使用Json生成的幾行。我最終想用按鈕單擊從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(); 
});