问如何使用jquery更新和删除表的每一行
EN

Stack Overflow用户

提问于 2017-08-04 14:06:34

回答 1查看 786关注 0票数 2

这是我的表格的截图：

我还想使用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);
}

jquery

回答 1

Stack Overflow用户

回答已采纳

发布于 2017-08-04 14:36:55

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");
});

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/45499317

复制

相似问题

问如何使用jquery更新和删除表的每一行
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何使用jquery更新和删除表的每一行EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何使用jquery更新和删除表的每一行
EN