javascript - jQuery-内联编辑表格行




html-table rows (2)

我有一个任意的列和行的表。 这个事实与我无关,我只想开发一个将一行(或多行)转换为一系列包含表格中数据的文本输入的函数(或者如果单元格中没有数据,则为空)。

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


遍历行中的表格单元格,并用文本输入替换内容:

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

您需要将相关的行/行显然传递给该函数。


像Eran说。

不过,你也可以看看诸如contenteditable和designMode这样的属性,尽管我不确定这些属性有多好。

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





inline-editing