Javascript 将HTML从原始文档复制到弹出窗口（使用JQuery）

这是我对堆栈溢出的第一篇帖子，…：我非常喜欢这个网站

我的问题：如何使用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());

谢谢

大卫

你可以做：

$("#testHtml").html($(querySelector).html())

---

我不确定这是怎么回事：

$querySelector，window.parent.document

默认情况下，$将从整个DOM中进行选择。这在功能上与：

$querySelector

---

事实上，假设选择器对于页面上的内容是正确的，您的代码看起来应该可以工作。

我的JavaScript有两个问题

我使用的是window.parent.document而不是 window.opener.document 由于某些原因，.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> 

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

在我的弹出窗口页面上，此HTML：

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

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

在我的主页上，使用window.open；打开弹出窗口

谢谢，

---

David

Hi Jamietre，这是一个在window.open命令上下文中运行的弹出窗口。实际上我的语法错了。它应该是：$querySelector，window.parent.document；似乎是这样。$querySelector，window.opener.document；这更有道理，我想知道你到底想干什么！事实上，谢谢Loclizak，这正是我所需要的！使用.html属性来填充它。这将只使用queryselectorTrue目标的子项来填充它，它仍然需要引用原始页面window.opener.document我已使此代码正常工作，因此我想我应该在下面将其标记为答案，以便向您展示我最终所做的工作。是否用复选标记来标记正确的答案