javascript - 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来管理在预览模式和编辑模式之间切换它们。