jquery - 使用 jquery 复制 HTML 表(包括用户输入的数据)

Question

我定义了一个空表

<table align="center"  class="bordered"  border="6" id="tableb_copy"></table>

我有一个定义了 INPUT 元素的表

<table align="center"  class="bordered"  border="6" id="tableb">
    <tr>
       <td><input type="text" value="test"></td>
       <td>test1</td>
       <td>test1</td>
    </tr>
</table>

我使用以下代码将tableb的内容复制到tableb_copy

$('#tableb_copy').html($('#tableb').html());

它复制表结构，但如果用户在 INPUT 单元格中输入了一些数据，则不会复制这些数据。 有没有办法复制内容？

谢谢

Answer 1

首先尝试克隆表格，然后将克隆移动到新位置。

<div id='here'></div>

还有js

$('#here').html($('#tableb').clone().attr('id', 'tableb_copy'));

fiddle http://jsfiddle.net/Spokey/nCyFK/4/