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

Question

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

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

表 身份证|姓名 |职位 |标记|编辑|

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

按下编辑按钮后输出是这样的

ID|姓名 |职位 |标记|编辑|

1Ahmad6th525 | 1艾哈迈德6th525 | 1艾哈迈德6th525 | 1艾哈迈德6th525 |更新按钮 |

Answer 1

您需要对每个 td 应用换行，您的原始代码插入每个 td 文本。

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