使用jQuery更改鼠标单击文本的最佳方式是什么？

我有一个列表，在将其添加到数据库之前需要进行拼写检查：

<table>
  <tr> 
    <td>1-1 Some text </td> <td> 1-2Some more text</td>
  </tr>
  <tr> 
    <td>2-1 Some text </td> <td> 2-2 Some more text</td>
  </tr>
  <tr> 
    <td>3-1 Some text </td> <td> 3-2 Some more text</td>
  </tr>
</table>
<button> Import list to database </button>

1-1一些文本1-2更多文本
2-1一些文本2-2更多文本
3-1一些文本3-2更多文本
将列表导入数据库

我的想法是，使用jQuery：

当我单击2-1中的文本时，它将被一个文本框“替换”，以便我可以编辑文本

实现这一目标的最佳方式是什么

---

我是否需要一个包含

的隐藏字段？虽然这不是您问题的直接答案，但您应该查看表。这是一个插件，允许你做你想做的事情，以及更多：

插件页面：

演示：
示例tat可能会有所帮助

<table>
  <tr> 
    <td id="cell1">1-1 Some text </td> 
  </tr>

</table>


1-1一些文本

jquery

$('#cell1').click(function(){

      $(this).html("<input type='text' value='"+$(this).text()+"'>");
  });

$（'#cell1'）。单击（函数（）{
$（this.html（“”）；
});
如果修改标记以包含输入框，则在使用text（）函数替换“static”字符串时，需要解决该元素也包含输入元素的问题

更好的方法可能是保持标记不变，并根据需要使用jquery在单元格中交换tetxbox

因此，当用户单击单元格时，您可以执行以下操作

1） 使用text（）函数读取当前值
2） 用新创建的标记替换当前值

当用户点击ENTER（或任何其他表示编辑已完成的方法）时，请执行以下操作

1） 使用val（）函数读取当前输入值
2） 移除标签
3） 使用text（）函数将值放回单元格中，这正是我想要的，只是不是作为插件：）是的，这也是我总结的方法。由于内容将被提交以存储在DB中，因此我需要从输入字段中获取值。因此，拥有隐藏的输入是一条出路。