jQuery从iframe追加元素到它的body父窗口.

我有
elm.appendTo( ‘#涡卷’);

其中,elm是iframe中点击的图像的jquery对象.我想将该图像附加到< div id =“wrap”>其中#wrap是页面外部iframe的一个div.所以基本上当我双击iframe中的图像时,我希望该图像附加到< body>外部iframe. body和iframe链接都在同一个域上.

解决方法

只要该框架及其父层位于相同的域.见 SOP

从iframe中执行以下行之一(如果父文档在顶层窗口中,父级可以由顶部替换)：

//If the parent document doesn't have JQuery:
elm.appendTo(parent.document.getElementById("wrap"));

//Only if JQuery is included at the parent
elm.appendTo(parent.$("#wrap"));
parent.$("#wrap").append(elm);

如果要从框架的上下文中获取元素,请使用以下任一项：

假设#elm是您图像的ID.

// If JQuery is defined at the frame AND the parent (current document)
$("#wrap").append(frames[0].$("#elm"));
frames[0].$("#elm").appendTo($("#wrap"));

帧[0]表示当前文档中的第一帧.如果您在框架上设置了name属性,那么也可以使用frames.frame_name或frames [“frame_name”].

最终的例子：将一个点击事件监听器添加到榆树JQuery(image)对象中：

elm.click(function(){
    parent.$("#wrap").append(this);
})