使用jquery复制HTML表（包括用户输入的数据）

我有一张空桌子

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

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

---

谢谢

除了您的

不是HTML有效之外，它似乎可以工作。

是一个块标记，例如以

结尾

HTML:

---

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

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

---

Fiddle

您的HTML似乎无效，再次打开标记而不是关闭标记。表内容是什么？您是在说表单字段，其中字段被复制，而不是值？因为在一般意义上你的代码是这样的？谢谢你的评论。。。我已经纠正了HTML中的错误，并使我的问题更清楚。查看更新后的提琴（谢谢Sachin）-如果您尝试更改左侧单元格的内容，则更新后的问题不会被复制+1。现在你可以得到一些有意义的帮助。嗨，斯波基，谢谢你。。。您的代码在小提琴中运行良好，但由于某些原因在我的代码中无法运行。。。我会调查的！在前面的小提琴中，表中的一些标记未关闭。请尝试再次检查它们。请注意，如果执行类似于

$（''#tableb_copy'）.empty（）.append（$（'#tableb'）.children（）.clone（）的操作，则不需要引入新的容器元素（div）

（）@nnnnnn，是的，这可能是一个更好的解决方案，但是与

.empty（）.append（）

相比，

.html（）

不是更容易吗？谢谢nnnnn的回答。。。很抱歉造成混淆-我犯了一个错误，将我的问题简化得如此之多，以至于忽略了输入元素。

$('#tableb_copy').html($('#tableb').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>

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

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

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