从iframe移动父元素

时间:2013-08-18 12:22:07

标签: jquery iframe appendto

我在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);

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

1 个答案:

答案 0 :(得分:1)

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

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

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