使用Jquery，将表中的一行替换为新行

说我有一张桌子：

 
1
2
Edit
 
1
2
Edit
 
1
2
Edit
  

我想单击

Edit

单元格并使用jquery将整行替换为具有更多内容的新行，例如

  $(document).ready(function() { $('#mytable .edit').click( function() { var tr = $(this).parent(); var new_row = '34Save' // code to replace this row with the new_row }); } ); 

知道如何做到这一点？

Answer 1

 $(document).ready(function() { $('#mytable .edit').click( function() { var new_row = '34Save' $(this).parent().replaceWith(new_row); }); } ); 

Answer 2

使用jQuery.replaceWith（）

 $(document).ready(function() { $('#mytable .edit').click( function() { var tr = $(this).parent(); var new_row = '34Save'; tr.replaceWith(new_row); }); }); 

Answer 3

jQuery的replaceWith() 。 例：

 $(document).ready(function() { $('#mytable .edit').click( function() { var tr = $(this).parent(); var new_row = '34Save' tr.replaceWith(new_row); // code to replace this row with the new_row }); } ); 

Answer 4

http://jsfiddle.net/hAvyv/

 $('.edit').click(function(){ $(this).parent().removeClass('old_row').addClass('new_row').html('34Save'); });