Javascript jQuery-内联编辑表行

我有一个包含任意列和行的表。这一事实并不重要，但实际上，我只想开发一个函数，将一行（或多行）转换为一系列文本输入，其中包含表中的数据（如果单元格中没有数据，则为空）

---

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

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

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

函数编辑行（行）{
$（'td'，行）。每个（函数（）{
$（this.html（“”）；
});
}

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

就像Eran所说的那样

不过，您也可以查看contenteditable和designMode等属性，尽管我不确定它们的支持程度

---

用文本输入替换内容后，您可以使用jquery插件管理预览模式和编辑模式之间的切换。

使用，它完全满足您的需要

如果单元格内容具有html实体会发生什么？我以您描述的简单方式回答了这个问题。我通常使用原始格式的隐藏输入，然后加载文本输入。@EranGalperin您是否知道在实现示例后如何保存文本？我注意到，即使在输入之后，输入的值仍然保持原来的值。