jquery - 使用 JQuery 删除克隆的元素

Question

我正在克隆一个 tr 并设置它的 data-id 属性。然后，我使用该数据 ID 能够打开模式，如果用户单击删除按钮，则使用 AJAX 调用来删除该行。我能够传递数据 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 没有被删除，一切都没有错误。该过程适用于页面加载中存在的元素。

score 4 · Accepted Answer

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

score 3 · Accepted Answer

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

所以，这会起作用：

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

2 回答 2