jquery - テーブルの一部をjQueryでコピー

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

これにより、id を持つテーブルからヘッダーがコピーされ、idtbl1を持つ別のテーブルに ito が配置されます。tbl2

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

これがサンプルですhttp://jsfiddle.net/hmrNN/7/