使用jQuery複製表格的一部分

表中有一個標題。

我需要將該表格的標題從<thead>改爲</thead>，並將其正確地複製到同一文檔的另一節中。我怎樣才能做到這一點？

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

來源

2012-04-09 santa

爲了什麼目的？ 'thead'只能在一個地方。除非你想將它複製到另一個'table' ..？ – 2012-04-09 17:38:23

您可以使用.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-09 17:38:12 jrummell

輝煌！從來沒有聽說過克隆（），但我相信這正是我需要的！謝謝。 – santa 2012-04-09 17:40:10

@DavidThomas我從文檔中添加了示例，顯示如何從頁面的一部分複製到另一部分。 – jrummell 2012-04-09 17:41:47

嘗試使用.clone和prependTo所需的t能夠

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

來源

2012-04-09 17:39:37

這將頭從表複製ID爲tbl1，並把ITO到另一個表ID爲tbl2

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

這裏是樣品http://jsfiddle.net/hmrNN/7/

來源

2012-04-09 17:44:23 Shyju

使用jQuery複製表格的一部分

回答

相關問題