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-编辑/ ，它正是你需要的。

Answer 3

像叶兰说。

不过，您也可以看看诸如CONTENTEDITABLE和性能的designMode虽然我不知道如何很好地支持这些。

一旦你用文本输入替换的内容，你可以使用jQuery插件 toggleEdit 管理之间切换它们预览模式和编辑模式。