如何使用jQuery生成动态元素?

时间:2011-10-02 16:40:20

标签: jquery html

如何使用jQuery生成动态html元素? 按钮点击是否可以删除它? 即 我必须在按钮单击时生成文本框,并且包含文本框将显示在一个标签中。像这样:

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

用户最多可以添加3封电子邮件。 通过单击“删除”按钮,将删除生成的文本框。 我怎么能这样做?

我已经提到过:how can i get id/ generate id of dynamically generated elements in html using jquery?线程

任何建议?

3 个答案:

答案 0 :(得分:1)

创建document.createElement()并使用$().appendTo()添加$().remove()以明显删除

答案 1 :(得分:1)

我想你想要像http://jsfiddle.net/rifat/NGgSB/

这样的东西

虽然还有其他方法可以做到:)

答案 2 :(得分:0)

您可以通过将HTML作为字符串传递给jQuery来创建新元素,例如,这个:

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

返回一个jQuery包装器对象,其中包含一个包含两个输入元素的tr。然后,您可以使用append或appendTo等jQuery方法将这些动态创建的元素添加到文档中的适当位置。

但是,在这种特殊情况下,看起来您希望添加按钮有效地复制一些现有元素,为它们提供唯一ID,然后将它们添加到文档中。你可以通过使用jQuery.clone方法复制所需的元素,使用attr或prop方法将id更改为唯一的东西,然后使用append,appendTo等,将克隆元素插入到适当的点。文件。