jQuery - 内联编辑表行

Question

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

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

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