Jquery 从iframe中移动父元素

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

但是，由于触发器在iframe中，因此我尝试了以下方法但没有成功

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

---

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

假设父窗口和iframe内容都在同一个域中，您可以尝试使用

窗口.parent

作为上下文选择器。试试这个：

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

---

如果域不同，那么您将无法使用jQuery或本机JS实现这一点。

假设父窗口和iframe内容都在同一个域上，您可以尝试使用

窗口.parent

作为上下文选择器。试试这个：

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

---

如果域不同，那么您将无法使用jQuery或本机JS实现这一点。

域是相同的，实现了您的建议，并且工作得非常好。为您准备的cookie:）这些域都是相同的，实现了您的建议，并且工作得非常好。给你的饼干：）