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'));

小提琴http://jsfiddle.net/Spokey/nCyFK/4/

Answer 2

它似乎工作，除了你<table>不是 HTML 有效的。这<tr>是一个块标签，例如，您以它结束</tr>。

http://jsfiddle.net/Bjmhw/1/

HTML：

<table align="center"  class="bordered"  border="6" id="tableb_copy"></table>
<table align="center"  class="bordered"  border="6" id="tableb">
    <tr>
        <td>1</td>
        <td>2</td>
        <td>3</td>
    </tr>
</table>

JS：

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