JQuery - 如何从父元素中的iFrame中关闭父元素？

Question

无法找到与我的问题类似的任何内容。

我正在写

的DIV

 var dialog = $('<div id="dialog-overlay"></div><div id="dialog-box"></div><div id="dialog-container"></div>').appendTo('body');

在div“dialog-container”中，我正在通过

创建一个iFrame

$("#dialog-container").html('<iframe id="ifrm" class="gs_iframe" frameborder="0" scrolling="no"></iframe>');

现在的问题是，如果我想从iFrame中删除元素“对话框”，我只会得到未定义的内容。我该怎么办？

我知道我可以通过ID删除每个div，但认为只是删除对话框对象会更容易，更简洁。

提前感谢你。

Answer 1

在父页面中，添加此功能：

function removeIframe() {
    $('#iframe-selector').remove();
}

选择器#iframe-selector可以是此处的任何内容

然后在你的iframe中，只需调用这样的函数：

window.parent.removeIframe();