V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
di94sh
V2EX  ›  程序员

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

  •  
  •   di94sh · 2018-04-04 15:48:24 +08:00 · 2697 次点击
    这是一个创建于 2185 天前的主题,其中的信息可能已经有所发展或是发生改变。
    因为节点 html 是一样的,所以想在网页初始化的时候重复添加 DOM,但是使用 jQuery append 添加的都会把前面覆盖.
    6 条回复    2018-04-04 23:28:35 +08:00
    wenzichel
        1
    wenzichel  
       2018-04-04 16:06:11 +08:00
    没看明白,append 是追加呀,怎么会覆盖呢?
    di94sh
        2
    di94sh  
    OP
       2018-04-04 16:22:39 +08:00
    @wenzichel 廖雪峰 Javascript 里面是这样写的:
    append()把 DOM 添加到最后

    另外注意,如果要添加的 DOM 节点已经存在于 HTML 文档中,它会首先从文档移除,然后再添加,也就是说,用 append(),你可以移动一个 DOM 节点。
    slime7
        3
    slime7  
       2018-04-04 16:28:45 +08:00   ❤️ 1
    @di94sh dom.clone().append()
    johnj
        4
    johnj  
       2018-04-04 16:32:04 +08:00   ❤️ 1
    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
        5
    di94sh  
    OP
       2018-04-04 16:38:06 +08:00
    @slime7 感谢
    mingyun
        6
    mingyun  
       2018-04-04 23:28:35 +08:00
    @johnj 学习了
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   我们的愿景   ·   实用小工具   ·   949 人在线   最高记录 6543   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 26ms · UTC 21:50 · PVG 05:50 · LAX 14:50 · JFK 17:50
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.