Question

我有一张包含数据的大表。

该表有一个标题。

我需要将该表的标题从<thead>复制到</thead>到同一文档中的另一部分。我怎么能这样做？

<table id="myTbl">
<thead>
<tr>
    <th></th>
    ...
</tr>
</thead>
<tbody>
...
</tbody>
</table>

Answer 1

您可以使用.clone()复制元素。

如.append（）的讨论中所示，通常在元素为的时候在DOM的某处插入，它从旧位置移动。所以，鉴于代码：
$('.hello').appendTo('.goodbye');
生成的DOM结构会是：
<div class="container">
  <div class="goodbye">
    Goodbye
    <div class="hello">Hello</div>
  </div>
</div>
为了防止这种情况而是创建元素的副本，您可以编写以下内容：
$('.hello').clone().appendTo('.goodbye');

Answer 2

尝试使用.clone和prependTo所需的表格

$('#myTbl thead').clone().prependTo('<Destination Table>');

Answer 3

这将复制标识为tbl1的表格中的标题，并将其放入另一个标识为tbl2

的表格中

    var copy=$("#tbl1").find('th').clone();
    $("#tbl2").prepend(copy);

以下是示例http://jsfiddle.net/hmrNN/7/

用jQuery复制表的一部分

3 个答案: