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 tbl1でテーブルからヘッダをコピーして、ここでtbl2

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

idを持つ別のテーブルにITOを置くには、サンプルhttp://jsfiddle.net/hmrNN/7/