如何使表格单元格可以通过按钮使用Jquery编辑

我需要在用户单击按钮时使第一列单元格可编辑。我能够添加“删除”和“更改订单”功能，但无法弄清楚如何通过按钮编辑单元格的数据。 jfiddle中的任何Jquery解决方案都将不胜感激。如何使表格单元格可以通过按钮使用Jquery编辑

请参考下面

有这样做，很容易在网络搜索 – charlietfl

找到几个不错的插件，这里是一个类似的问题，可以帮助。 http://stackoverflow.com/questions/14792431/dynamically-change-table-cell-with-user-input-in-javascript – exoboy

的链接，您可以尝试使用JEditable。

2014-07-04 22:36:48

一个简单的解决办法是在一个元素来包装第一coolumn（您想编辑的数据）的数据，并把它禁用

<input type="text" value="data" disabled id="some_id"/>

然后在你的CSS文件中，当你禁用时你可以按照你的样式设置输入风格，并使它们看起来像普通文本。

input[type=text]:disabled{ //style goes here }

最后你的JavaScript文件必须听上的编辑按钮单击事件，然后启用上述输入。这种技术

一个需要注意的是，它污染比数据和可访问其他标记表

2014-07-04 22:42:10 gkaimakas

我创建了一个快速的小提琴，可以inpacted。它不会切换或任何东西，但你明白了。

它基本上完全是你问的，这就是我所关注的。

let me know

2014-07-04 22:53:52

当我把它们放在单独的表格单元格中时它不起作用 – user3281712

回答