jquery - 从 iframe 移动父级内的元素

Question

我在 index.php 中有以下代码

<div id="image_group_1">
    <img src="/images/image.jpg" id="image1" data-temp="Some useful text">
</div>
<div id="image_group_2">
</div>

我有一个在 Fancybox 中打开的 iframe，我希望在此 iframe 中使用触发器将 img 元素从 image_group_1 移动到 image_group_2

现在，如果这是在主文档中触发的，那么这将是一个问题

$("#image1").appendTo("#image_group_2");

但是，由于触发器在 iframe 内，我尝试了以下操作但没有成功

var moveFrom = window.parent.$("#image1");
var moveTo = window.parent.$("#image_group_2");
moveFrom.appendTo(moveTo);

关于如何获得所需结果的任何建议？

score 1 · Accepted Answer

Assuming both the parent window and iframe content are on the same domain, you can try using the window.parent as a context selector. Try this:

var moveFrom = $("#image1", window.parent.document);
var moveTo = $("#image_group_2", window.parent.document);
moveFrom.appendTo(moveTo);

If the domains are different, then you will not be able to achieve this, using either jQuery or native JS.

1 回答 1