javascript - 如何替换表中已编辑的行

Question

在此fiddle有两行，每行有 2 个 Bootstrap 图标编辑和删除。单击编辑图标时，会出现一个 Bootstrap 对话框，显示现有的列值，用户可以更改值，单击保存按钮后，旧值将被替换新的。我尝试使用

$Updaterow.remove();
$Updaterow.append('<td>'+ $('#editName').val()+'/<td>'+'<td>'+ $('#editEmail').val()+'/<td>'+'<td>'+ $('#editmobile').val()+'/<td>');

但这不起作用。我也试过这个

 $Updaterow.replaceWith('<td>'+ $('#editName').val()+'/<td>'+'<td>'+ $('#editEmail').val()+'/<td>'+'<td>'+ $('#editmobile').val()+'/<td>');

这样新行也不会被替换。任何人都可以告诉我该怎么做吗？

Answer 1

您正在尝试用 TD 替换 TR。试试这个

$Updaterow.replaceWith('<tr><td>'+ $('#editName').val()+'</td>'
       +'<td>'+ $('#editEmail').val()+'</td>'
       +'<td>'+ $('#editmobile').val()+'</td></tr>');

第一个将不起作用，因为您将 TD 附加到不再位于 DOM 中的 TR。