jQuery 如何在不覆盖 已经存在的 DOM 节点的情况下添加新的 DOM 对象

2018-04-04 15:48:24 +08:00
 di94sh
因为节点 html 是一样的,所以想在网页初始化的时候重复添加 DOM,但是使用 jQuery append 添加的都会把前面覆盖.
2722 次点击
所在节点    程序员
6 条回复
wenzichel
2018-04-04 16:06:11 +08:00
没看明白,append 是追加呀,怎么会覆盖呢?
di94sh
2018-04-04 16:22:39 +08:00
@wenzichel 廖雪峰 Javascript 里面是这样写的:
append()把 DOM 添加到最后

另外注意,如果要添加的 DOM 节点已经存在于 HTML 文档中,它会首先从文档移除,然后再添加,也就是说,用 append(),你可以移动一个 DOM 节点。
slime7
2018-04-04 16:28:45 +08:00
@di94sh dom.clone().append()
johnj
2018-04-04 16:32:04 +08:00
var html = '<p>repeated element</p>'

$target.append(html);
$target.append(html);
$target.append(html);

你说的移动的情况是:
<h2>title</h2>
<p>asdsakdjasdjak<p>

$('p').append($('h2'))
di94sh
2018-04-04 16:38:06 +08:00
@slime7 感谢
mingyun
2018-04-04 23:28:35 +08:00
@johnj 学习了

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/444316

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX