jQuery -内联编辑表格行

Question

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

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

Answer 1

遍历行中的表单元格，并将内容替换为文本输入：

function editRow(row) {
    $('td',row).each(function() {
         $(this).html('<input type="text" value="' + $(this).html() + '" />');
    });
}

显然，您需要将相关的行传递到函数中。

Answer 2

使用http://code.google.com/p/jquery-inline-editor/，它可以完全满足您的需求

Answer 3

就像伊兰说的。

但是，您也可以查看contenteditable和designMode等属性，尽管我不确定这些属性是否得到了很好的支持。

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