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：将表格行更改为表格

回答

相关问题