使用JQuery删除克隆元素

Question

我正在克隆tr并设置它的data-id属性。然后我使用该data-id来打开模态，如果用户单击Delete Button，则使用AJAX调用来删除该行。我能够传递data-id并成功提交AJAX并删除该项，但是当我尝试在行上删除它时，它成功了。

var clone = $('#sizeValueTemplate').clone(true);
clone.data('id', data.id);
clone.removeAttr('id');
clone.show().appendTo('#sizeValueTable');

显示确认模式，然后确定我删除该项目。然后是成功：

$('tr[data-id='+id+']').remove();
$('#modalDeleteSizeValue').modal('hide');

除了删除tr之外，一切都没有错误。该过程适用于页面加载中存在的元素。

Answer 1

data函数不会向元素添加data-样式属性，这就是您无法查找的原因。您可以尝试使用clone.attr('data-id', data.id);。

Answer 2

使用.data(key, value)设置数据不会将其插入DOM中。您需要使用.attr('data-...', value)。

所以，这样可行：

clone.attr('data-id', data.id);