从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);

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

Answer 1

假设父窗口和iframe内容位于同一个域中，您可以尝试使用window.parent作为上下文选择器。试试这个：

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

如果域名不同，那么您将无法使用jQuery或本机JS实现此目的。