JQuery只克隆一個表中的每個tr

Question

我只想克隆html tr和th的，但不能捕獲外部的thead/thead元素。

<thead id="justCloneTR"> // don't clone 
<tr id="Vehicle_1">  // clone 
    <th>1</th>    // clone 
    <th>2</th>    // clone 
</tr>     // clone 
</thead>     // don't clone 

<div id="putCloneHere"></div> 

JS

$('#justCloneTR').clone('tr').appendTo('#putCloneHere'); 

Answer 1

如果你有id到tr那麼你可以使用此功能。

$('#Vehicle_1').clone(); 

.clone()參考：http://api.jquery.com/clone/

記住克隆，你應該改變克隆元素的ID，你將它添加到DOM之前，因爲你不應該有2個元素相同的ID後。

試試這個。

var id = 'Vehicle_' + parseInt($('#Vehicle_1').attr('id').match(/\d+/g), 10) + 1; 
$('#Vehicle_1').clone().attr('id', id).appendTo('#putCloneHere');