从iframe移动父元素

我在index.php中有以下代码

我有一个在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就无法实现这一点。