jquery：將表格行更改爲表格

jQuery中將特定表格行更改爲表格的最佳方法是什麼？jquery：將表格行更改爲表格

例如改變：

<table> 
    <tr><td><a href="edit me">edit</a></td><td>first row</td></tr> 
    <tr><td><a href="edit me">edit</a></td><td>some row</td></tr> 
    <tr><td><a href="edit me">edit</a></td><td>last row</td></tr> 
</table>

到：

<table> 
    <tr><td><a href="edit me">edit</a></td><td>first row</td></tr> 
    <tr> 
     <form> 
      <td><a href="edit me">edit</a></td> 
      <td><input type='text' name='a' value='b'/></td> 
     </form> 
    </tr> 
    <tr><td><a href="edit me">edit</a></td><td>last row</td></tr> 
</table>

更新：html的我們終於可以用：

<form> 
    <table> 
     <tr> 
      <td><img class="editRow"></td> 
      <td class="field">field to know</td> 
     </tr> 
    </table> 
</form>

和jQuery代碼：

$(".editRow").click(function() { 
    var rowToEdit = $(this).parent().parent(); 
    var field = rowToEdit.children(".field") 
    rowToEdit = .replaceWith("<td></td>\ 
     <td>\ 
      <input type='hidden' value='"+field+"'>\ 
     </td>" 
});

來源

2011-07-11 Philippe Blayo

您正試圖使HTML無效。不要這樣做，瀏覽器會以各種不同的和不想要的方式錯誤恢復。 – Quentin

你需要插件，或者你正在嘗試自己做？ –

Sandeep Manne：我可以使用jquery-1.5.1.min.js，jquery.ui.core ui.widget ui.mouse ui.button ui.draggable ui.position ui.resizable ui.dialog –

嘗試功能.wrap()。欲瞭解更多信息，請登錄here。

來源

2011-07-11 09:55:56 reporter

-2

有一個jquery函數完全符合你的要求，基本上它允許你創建一個表格，然後每個單元格都是可編輯的，所以你不必使用google一點。你會發現它

來源

2011-07-11 09:48:57 Armand

http://www.google.co.za/search?sourceid=chrome&ie=UTF-8&q=jquery+editable+table – Armand

jquery：將表格行更改爲表格

回答

相關問題