使用jquery将表格单元格文本更改为输入值

Question

我在数据库中加载了一个CRUD表，我希望通过将表格单元格转换为保留单元格文本作为输入值的输入字段来编辑表格行。我正在使用jQuery。 到目前为止，我可以在标签内添加输入字段。但是来自所有单元的数据变为每个输入的值，而不是成为它们各自输入字段的值。这是我的代码

$("#parEdit").click(function(){
$(this).text("Update");
$(this).closest('tr').children().wrapInner('<input type="text" value = ' + $('td').text() + '></input>');
    })

表 ID |名称|职位|商标|编辑|

1 |艾哈迈德| 6日| 525 |编辑按钮|

按下编辑按钮后输出就像这样

ID |名称|职位|商标|编辑|

1Ahmad6th525 | 1Ahmad6th525 | 1Ahmad6th525 | 1Ahmad6th525 |更新按钮|

Answer 1

您需要将包裹应用于每个td，原始代码插入每个t​​d文本。

$("#parEdit").click(function(){
   $(this).text("Update");
   $(this).closest('tr').children().each(function(){
      $(this).wrapInner('<input type="text" value = ' + $(this).text() + '></input>');
   });
});