How to close an iframe within iframe itself

Question

How do I use javascript or jQuery to close an iframe within iframe itself? I've tried <a href="javascript:self.close()"> but it didn't work.

Answer 1

"Closing" the current iFrame is not possible but you can tell the parent to manipulate the dom and make it invisible.

In IFrame:

parent.closeIFrame(); 

In parent:

function closeIFrame(){      $('#youriframeid').remove(); } 

Answer 2

function closeWin()   // Tested Code { var someIframe = window.parent.document.getElementById('iframe_callback'); someIframe.parentNode.removeChild(someIframe)); }   <input class="question" name="Close" type="button" value="Close" onClick="closeWin()" tabindex="10" />