克隆元素并将其添加到另一个元素中答案

【问题标题】：Cloning element and adding it in another element克隆元素并将其添加到另一个元素中
【发布时间】：2011-08-24 16:31:26
【问题描述】：

考虑以下 HTML 标记：

<form action="">
    <div class="row subtitle">
        <span>Some stuff.</span>
    </div>

    <div class="more_subtitles"></div>


<a href="#" class="white add_more"><span>Add more</span></a>
</form>

还有 jQuery：

$('.add_more').live('click', function() {

    var el_of_form, subtitle, more_subtitles;

    el_of_form = $(this).closest('form');

    subtitle       = $(el_of_form).find('.subtitle');
    more_subtitles = $(el_of_form).find('.more_subtitles');

    console.log(subtitle);
    console.log(more_subtitles);

    $(more_subtitles).add(subtitle);

    return false;

});

为什么它不起作用？ console.log() 找到那些元素...

我想要完成的是，当按下按钮时，它会克隆 subtitle 元素并将其添加到 more_subtitles 元素中。用户可以一次又一次地重复。

【问题讨论】：

标签： javascript jquery dom element add

【解决方案1】：

more_subtitles.append(subtitle.clone());

【讨论】：

或者，让它更像 jQuery：subtitle.clone().appendTo(more_subtitles);

【解决方案2】：

添加不是您想要的方法。请尝试追加。

$(more_subtitles).append(subtitle.clone());

Add 用于使用一组新元素扩展当前匹配的元素，这些元素与您传递给 add 的选择器匹配。它不会影响 DOM。

Append 是实际将匹配的 DOM 元素添加到当前 DOM 元素的方法。

【讨论】：