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。

PS。我正在使用 jQuery 版本 3.3.1

标签： javascriptjquery

Answer 1

下面的代码示例： -

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

谢谢