Question

我有一个像这样的iframe列表：

<iframe src="foo">
    <button class="dissmiss">Close</button>
    <script>
        // Do job here...
    </script>
</iframe>
<iframe src="bar">
    <button class="dissmiss">Close</button>
    <script>
        // Do job here...
    </script>
</iframe>
.
.
.
<iframe src="baz">
    <button class="dissmiss">Close</button>
    <script>
        // Do job here...
    </script>
</iframe>

如何使用js或jquery获取iframe？我想在点击按钮时删除iframe：

parentIframe.remove();

PS：他们有相同的域名。

Answer 1

从任何 iframe窗口（如果不是跨域），您可以参考父页面上的iframe HTMLElement

window.frameElement

使用此功能时，您无需了解父文档中id或class个iframe或iframe个标记。

Answer 2

如果您想访问Iframe的内容：尝试为iframe分配一些唯一ID。

试试这个，希望它能起作用

 parent.$('body').find('Iframe').html();

如何从内容访问自己的iframe

2 个答案: