gpt4 book ai didi

jquery - 如何使用jquery从动态生成表中删除一行?

转载 作者:行者123 更新时间:2023-12-01 03:25:15 25 4
gpt4 key购买 nike

我的代码使用 jquery 动态创建一个表。我想向表添加删除功能。因此,当单击删除图像时,应删除该行。但是,只有当表是静态时,删除才可以正常工作。这里是我的代码:

createTable: function () {
var lastRow = $('#TblInvoiceList tr:last');
var newRow = $('<tr>');
newRow.append($('<td>').text($('input.Name').val()), $('<td>').text($('input.GrossAmount').val()));
newRow.append("<td class='center'><img class='ImgDelete' src='image/ButtonDelete.png' /></td>");
lastRow.before(newRow);}

这是删除函数:

$('#TblInvoiceList td img.ImgDelete').click(function () {
alert("hi");
$(this).parent().parent().remove();
});

最佳答案

对于动态添加的内容,使用委托(delegate)比实时更有效:

$('#TblInvoiceList').delegate('img.ImgDelete', 'click', function(e) {
alert("hi");
$(this).parent().parent().remove();
});

关于jquery - 如何使用jquery从动态生成表中删除一行?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5933820/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com