How to access its own iframe from contents

Question

I have an iframe list like that:

<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>

How can I get the iframe with js or jquery? I want to remove the iframe when the button is clicked:

parentIframe.remove();

PS: They have same domain.

possible duplicate of [jQuery/JavaScript: accessing contents of an iframe](http://stackoverflow.com/questions/364952/jquery-javascript-accessing-contents-of-an-iframe) — moonwave99, Nov 01 '13 at 11:31
do you want to get the contents of any iframe. Please confirm — kundan Karn, Nov 01 '13 at 11:33

score 1 · Accepted Answer · answered Nov 01 '13 at 12:04

1

From any iframe window (if not cross-domain) you can refer to the iframe HTMLElement on the parent page with

window.frameElement

When using this, you don't need to know id or class of the iframe, or count iframe tags within a parent document.

answered Nov 01 '13 at 12:04

Teemu

22,918
7
53
106

nrsharma · Answer 2 · 2013-11-01T11:37:59.807

0

If you want to access the content of an Iframe: Try to assign some unique id to the iframe.

Try this, hope it will work

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

edited Nov 01 '13 at 11:37

answered Nov 01 '13 at 11:32

nrsharma

2,532
3
20
36

How to access its own iframe from contents

2 Answers2