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

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

这是一个创建于 2426 天前的主题，其中的信息可能已经有所发展或是发生改变。

因为节点 html 是一样的,所以想在网页初始化的时候重复添加 DOM,但是使用 jQuery append 添加的都会把前面覆盖.

DOM

jquery

添加

节点

6 条回复 • 2018-04-04 23:28:35 +08:00

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 学习了

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

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