在此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>');
这样新行也不会被替换。任何人都可以告诉我该怎么做吗?
最佳答案
您正在尝试用 TD 替换 TR。试试这个
$Updaterow.replaceWith('<tr><td>'+ $('#editName').val()+'</td>'
+'<td>'+ $('#editEmail').val()+'</td>'
+'<td>'+ $('#editmobile').val()+'</td></tr>');
第一个将不起作用,因为您将 TD 附加到不再位于 DOM 中的 TR。
关于javascript - 如何替换表中已编辑的行,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20117459/