javascript - 使用 jQuery 将所有 HTML 内容从一个 div 复制到另一个

Question

这个问题似乎是一个重复的问题，但我似乎找不到解决我的问题的方法。

我正在使用 iFramely API 从外部网站获取内容。这适用于几乎所有请求的网站。

但是，例如，如果我尝试从 Reddit 获取帖子并将其显示在某种定制的“预览框”中，则请求的 iFrame 会正确呈现，到目前为止一切顺利。

当我尝试复制“预览框”的 HTML 内容以便使用 jQuery 将其附加到另一个 div 时。它不会复制所有 HTML 元素。

功能完整

$('#btn-add-extern-snippet').click(function() {
    let embed_preview_container = $('#embed-preview');
    let embed_target_number = $('#embed-target-number');
    let target_number = $(embed_target_number).val();

    $('.embed-no-' + target_number).html($(embed_preview_container).html());
    ...
});

我试过 jQuery 函数:

• 克隆 $('.embed-no-' + target_number).html($(embed_preview_container).clone());
• html $('.embed-no-' + target_number).html($(embed_preview_container).html());
• 内容 $('.embed-no-' + target_number).html($(embed_preview_container).contents());
• 使用追加 $('.embed-no-' + target_number).append($(embed_preview_container).html());

但所有这些功能似乎都没有复制提到的“预览框”的完整“innerHTML”(见下图)。

“其他 div”中复制的 HTML 内容，主体和头部为空。

“预览框”中的实际内容。

我必须在这里指出，这似乎只是 Reddit 相关内容的情况。例如，它适用于 Soundcloud/Spotify/Bandcamp。

附言。我正在使用 jQuery 版本 3.3.1

Answer 1

下面的代码示例:-

$("#copyToDiv").append($("#copyFromDiv").html());

谢谢