如何使用jQuery生成動態元素？

Question

如何使用jQuery生成動態html元素？ 是否可以通過點擊按鈕將其刪除？ 即 我必須在按鈕單擊時生成文本框，並且包含文本框將顯示在一個標籤中。就像這樣：

http://jsfiddle.net/kDSQa/5/

用戶可以添加高達3封電子郵件。 通過點擊刪除按鈕，生成的文本框將被刪除。 我該怎麼做？

我都提到這一點：how can i get id/ generate id of dynamically generated elements in html using jquery?線程

什麼建議嗎？

Answer 1

我想你想的東西像 - http://jsfiddle.net/rifat/NGgSB/

雖然有其他方法可以做到這一點:)

Answer 2

創建document.createElement()並使用$().appendTo()，將其添加和$().remove()以明顯將其刪除

Answer 3

您可以通過將HTML作爲一個字符串的jQuery創建新的元素，因此，例如，本：

$('<tr><input type="text" id="email2"/><input type="button" id="add2"/></tr>') 

返回一個包含兩個輸入元素的tr的jQuery包裝器對象。然後，您可以使用jQuery方法（如append或appendTo）將這些動態創建的元素添加到文檔中的適當位置。

但是，在這種特殊情況下，它看起來像您希望添加按鈕有效地複製一些現有的元素，給它們唯一的ID，然後將它們添加到文檔中。您可以通過使用jQuery.clone方法來複制所需的元素，使用attr或prop方法將id更改爲unique，然後使用append，appendTo等將克隆的元素插入到適當的位置該文件。