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

• 请不要在回答技术问题时复制粘贴 AI 生成的内容

This topic created in 3051 days ago, the information mentioned may be changed or developed.

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

DOM

jquery

添加

节点

6 replies • 2018-04-04 23:28:35 +08:00

wenzichel

Apr 4, 2018

没看明白，append 是追加呀，怎么会覆盖呢？

di94sh

Apr 4, 2018

@wenzichel 廖雪峰 Javascript 里面是这样写的:
append()把 DOM 添加到最后

另外注意，如果要添加的 DOM 节点已经存在于 HTML 文档中，它会首先从文档移除，然后再添加，也就是说，用 append()，你可以移动一个 DOM 节点。

slime7

Apr 4, 2018

@di94sh dom.clone().append()

johnj

Apr 4, 2018

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

Apr 4, 2018

@slime7 感谢

mingyun

Apr 4, 2018

@johnj 学习了

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

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