Скопируйте часть таблицы с 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 желаемый t возможность

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

Answer 3

Это скопирует заголовок из таблицы с идентификатором tbl1 и поставить Ито в другую таблицу с идентификатором tbl2

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

Вот пример http://jsfiddle.net/hmrNN/7/