如何通過jQuery刪除iframe

Question

我在jQuery的div創建了一個iframe ，然后將另一個頁面（比如說A.jsp頁面）加載到該iframe中。 頁面“ A.jsp”具有某些功能，並且在其末尾，應在按下“ A.jsp”中的按鈕時從第一頁上移除父iframe。 可以將頁面“ A.jsp”加載到iframe中。 但我無法刪除父iframe。 我嘗試過的方法是，選擇父標記iframe然后將其刪除。 但這沒用。 這是我嘗試的方法。這里$（this）指的是A.jsp頁面中的按鈕，＆（'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

可以通過remove方法將iframe從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>');

謝謝

Answer 3

this指的是哪個元素？

要訪問iframe，您應該指向：

parent.document

要么

parent.$("iframe")

如果您想使用jQuery。 此處始終涉及“同源政策”，因此請注意實際操作。

另一種解決方案是使用具有target="_parent"的簡單鏈接重新加載父頁面。

另請參閱此處：

如何從JavaScript訪問父iframe