jQuery - 單擊按鈕時複製一點HTML

Question

我想知道是否可以直接在另一個下面複製HTML塊。

我有一個表，下方有「添加行」按鈕，當用戶點擊「添加行」按鈕，我需要它來複制下面的HTML

<tr style="height: 31px;"> 
<td style="background-color: #e4e4e4;"> 
    <select name="timetocall" id="timetocall" style="width: 159px; margin-left: 8px;"> 
     <option value="residential" selected>Residential</option> 
    </select>  
</td> 
<td style="background-color: #e4e4e4;">$ <input type="text" value="120,000.00" name="emailaddress" id="emailaddress" style="width: 151px;" maxlength="256"></td> 
<td style="background-color: #e4e4e4;">$ <input type="text" value="420,000.00" name="emailaddress" id="emailaddress" style="width: 151px;" maxlength="256"></td> 
</tr> 

這是不可能的？

Answer 1

給<tr>一個ID，例如， id="template"，則：

$('#template').clone().removeAttr('id').appendTo('table > tbody'); 

您可能還需要更換，將被克隆的任何標識，如id="timetocall"和帶班替換它們，因爲所有的ID應該是唯一的。

---

這裏有一個演示：http://jsfiddle.net/EGp6Q/。