Question

這裏刪除表的每一行是我的表的截圖：

我想更新的每一行，並刪除使用jquery。 我如何動態地執行此更新和刪除操作。 這裏給出我的代碼波紋管：

$.post("showEmployeeList", function(data){ 

    var dataTable = '<table class="table"><tr><th>ID</th><th>Name</th><th>Address</th><th>Update</th><th>Delete</th></tr>'; 

    for(var key in data){ 
     dataTable += '<tr><td>' + data[key].id + '</td><td>' + data[key].name + '</td><td>' 
     + data[key].address + '</td><td><input type="button" id="update" value="Update" class="update" onclick="updateEmaployee()></td><td><input type="button" id="delete" value="Delete" class="delete" onclick="deleteEmployee()></td></tr>'; 
    } 

    dataTable += '</table>'; 

    $("#divDataTable").html(dataTable); 
} 

Answer 1

for(var key in data){ 
    dataTable += '<tr><td class="id">' + data[key].id + '</td><td class="name">' + data[key].name + '</td><td class="address">' 
    + data[key].address + '</td><td><input type="button" value="Update" class="update"></td><td><input type="button" value="Delete" class="delete"></td></tr>'; 
} 

刪除的行，

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

更新該行，

$(".update").on("click",function(){ 
$(this).parent().parent('tr').find('.id').text("updated id"); 
$(this).parent().parent('tr').find('.name').text("updated name"); 
$(this).parent().parent('tr').find('.address').text("updated address"); 
});