0

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

该表有一个标题。

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

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

3 回答 3

1

Try using .clone and prependTo the desired table

$('#myTbl thead').clone().prependTo('<Destination Table>');
于 2012-04-09T17:39:37.337 回答
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');
于 2012-04-09T17:38:12.680 回答
0

这将从具有 id 的表中复制标题tbl1并将其放入另一个具有 id 的表中tbl2

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

这是示例http://jsfiddle.net/hmrNN/7/

于 2012-04-09T17:44:23.177 回答