如何替换表中已编辑的行

时间:2013-11-21 09:49:44

标签: javascript jquery css twitter-bootstrap

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

$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>');

通过这种方式,新行也没有被替换。可以告诉我怎么做?

1 个答案:

答案 0 :(得分:1)

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

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

第一个不会工作,因为你将TD附加到不再在DOM中的TR。