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來管理在預覽模式和編輯模式之間切換它們。