jQuery – 内联编辑表行

我有一个包含任意列和行的表。 事实上这个事实是无关紧要的,我想要做的就是开发一个函数,将一行(或多行)转换为包含表中数据的一系列文本输入(如果单元格中没有数据,则为空)。

我找不到任何人明确这样做的例子,所以我想知道这里的人们认为什么是找到解决方案的最佳方式。

迭代行中的表格单元格,并用文本输入替换内容:

function editRow(row) { $('td',row).each(function() { $(this).html(''); }); } 

您需要将相关的行/行显式传递给函数。

使用http://code.google.com/p/jquery-inline-editor/ ,它完全符合您的需求

像伊兰说的那样。

但是,你也可以查看contenteditable和designMode等属性,虽然我不确定这些属性有多好。

一旦用文本输入替换了内容,就可以使用jquery插件toggleEdit来管理在预览模式和编辑模式之间切换它们。