首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >如何使用jQuery生成动态元素?

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

Stack Overflow用户
提问于 2011-10-03 00:40:20
回答 3查看 2.7K关注 0票数 1

如何使用jQuery生成动态html元素?有没有可能在点击按钮时将其移除?也就是说,我必须在单击按钮时生成文本框,并且文本框的内容将显示在一个标签中。如下所示:

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

用户最多可以添加3封电子邮件。单击delete按钮,生成的文本框将被删除。我该怎么做呢?

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

有什么建议吗?

EN

回答 3

Stack Overflow用户

回答已采纳

发布于 2011-10-03 01:09:00

我想你想要像- http://jsfiddle.net/rifat/NGgSB/这样的东西

尽管有其他方法可以做到这一点:)

票数 1
EN

Stack Overflow用户

发布于 2011-10-03 00:43:15

创建一个document.createElement()并使用$().appendTo()添加它,使用$().remove()删除它

票数 1
EN

Stack Overflow用户

发布于 2011-10-03 00:56:06

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

代码语言:javascript
复制
$('<tr><input type="text" id="email2"/><input type="button" id="add2"/></tr>')

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

但是,在本例中,您似乎希望使用add按钮有效地复制一些现有元素,为它们提供惟一的ids,然后将它们添加到文档中。为此,可以使用jQuery.clone方法复制所需的元素,使用attr或prop方法将in更改为惟一的值,然后使用append、appendTo等将克隆的元素插入到文档中的适当位置。

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/7627706

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档