如何从内容访问自己的iframe

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

使用此功能时，您无需知道iframe id或class ，也无需计数父文档中的iframe标签。

Answer 2

如果你想访问一个iframe的内容：尝试一些独特的ID分配给iframe 。

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

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