Question

我通过jQuery在iframe中创建了一个div。然后我将另一个页面（比如页面A.jsp）加载到该iframe中。 “A.jsp”页面有一些功能和结束，当按下“A.jsp”中的按钮时，应从第一页中删除父iframe。将“A.jsp”页面加载到iframe中即可。但我无法删除父iframe。我是如何尝试的，选择父标记iframe然后删除它。但它不起作用。这是我尝试的方式。这里是$（this）参考页面A.jsp中的按钮和＆amp;（'div iframe'）引用父iframe

$(this).closest($('div iframe')) .animate({
                                   opacity:0
                               },500,function(){$(this).remove()})

如何删除父iframe？

Answer 1

这应该会为您提供所需的信息。

https://stackoverflow.com/a/4689154/897871

注意：托管iframe的页面和包含内容的页面必须位于同一主机上。

Answer 2

this指的是哪个元素？

要访问iframe，您应该指向：

parent.document

或

parent.$("iframe")

如果你想使用jQuery。这里始终涉及同源策略，因此请注意您实际可以做的事情。

另一种解决方案是使用具有target="_parent"的简单链接重新加载父页面。

另见：

How to access parent Iframe from javascript

Answer 3

iframe可以通过remove方法从DOM中完全删除例如

这是我的iframe

<div id="videoPlayerOP" > <iframe id="optionsPlayVideo" width="520" height="348" style="margin-left: 80px;margin-top: 7px;" src="about:blank"></iframe></div>

在加载一些来源后，可以通过

删除

$($("#optionsPlayVideo").parent()).empty();

如果您想重复使用它们，请在其中附加另一个iframe

$('#videoPlayerOP').append('<iframe id="optionsPlayVideo" width="520" height="348" style="margin-left: 80px;margin-top: 7px;" src="about:blank"></iframe>');

由于

如何通过jQuery删除iframe

3 个答案: