将HTML从原始文档复制到弹出窗口(使用JQuery)

Question

这是我的第一篇文章堆栈溢出,... :)我喜欢这个网站很多!

我的问题:如何使用JQuery将元素从开始页面复制到弹出窗口？

这是我到目前为止所尝试的:

CopyToThisPageFromTheParent('#accordianResults');
function CopyToThisPageFromTheParent(querySelector) {
    var clone = $(querySelector, window.parent.document).clone();
    $('#testHtml').append(clone);
    alert($('#testHtml').html());
}

我也尝试过:

    var clone = $('#accordianResults', window.parent.document).clone();
    alert($('#testHtml').html());

谢谢!

大卫

Answer 1

我的 JavaScript 有两个问题。

1. 我使用的是 window.parent.document 而不是 window.opener.document
2. 由于某种原因， .append() 语法不允许我附加克隆的对象

相反，我必须使用挂在 JQuery 选择器上的 .html() 项将 HTML 从克隆中传递到 .append() 中。

这是最终的最终结果：

CopyToThisPageFromTheParent('#accordion', '#testDiv');

function CopyToThisPageFromTheParent(openingWindowSelector, childWindowSelector) {
     var clone = $(openingWindowSelector, window.opener.document).clone(true);
     var theOuterHtml = clone.wrap('<div></div>').parent().html();
     $(childWindowSelector).append(theOuterHtml);
}

假设我有这个 HTML：

<div id="testDiv"></div> 

在我的弹出窗口页面上，以及这个 HTML：

<div id="accordion">something</div> 

在我的主页中，使用“ window.open();”打开弹出窗口。

谢谢，大卫