javascript - jquery克隆方法在页面内克隆多个(多个)div(不是单个div多次)

Question

我需要一种方法来克隆 4 个 div，其 ID 为 d_1、d_2、d_3、d_4 一次包含每个 div 内的内容，然后分离所有 div，然后我需要从克隆中找到 d_1 及其内容的副本，并将其再次附加到页面。

类似于:

        var cloned=$('[id^="d_"]').clone();

        $('[id^="d_"]').detach();

然后从克隆中找到 id =d_1 的 div 并将其附加到正文。

可能吗？

Answer 1

使用文档片段。

var $documentFragment = $(document.createDocumentFragment());
$('[id^="d_"]').each(function(){
   $documentFragment.append($(this).clone().addClass("_cloned"));
});

$documentFragment.clone().appendTo(document.body);

如果你想在片段中查找元素，你可以这样做:

$(document.body).find("#d_1._cloned"). ... ;

如果您想删除所有元素，然后仅附加第一个复制到片段中的元素:

$("._cloned", document.body).remove();
$documentFragment.find("#d_1").clone().appendTo(document.body);