DIV-Element entfernen, wenn IFRAME innerhalb dieses DIV geklickt wird

Question

Ich möchte ein iframediv-Element entfernen, wenn auf das untergeordnete Element iframe geklickt wird. Ich möchte Google-Anzeigen innerhalb der div schließen, wenn auf die Anzeige geklickt wird. Wie kann ich das tun?

Das ist mein HTML-Dokument:

<div class="iframediv"> 
    <iframe src="otherdomin.com/page2"></iframe> 
</div> 
<div class="iframediv"> 
    <iframe src="otherdomin.com/page"></iframe> 
</div> 

Answer 1

Verwendung JQuery Haut oder entfernen Methode

<div class="iframediv" id="div1"> 
    <iframe src="otherdomin.com/page2" id="iframe1"></iframe> 
</div> 
<div class="iframediv" id="div2"> 
    <iframe src="otherdomin.com/page" id="iframe2"></iframe> 
</div> 

<script> 
    $('#iframe1').click(function(){ 
    $('#div1').hide(); 
    //$('#div1').remove(); 
    }); 
</script>