javascript - 单击 DIV 内的 IFRAME 时删除 DIV 元素

Question

我想在点击 iframe 子元素时删除 iframediv 元素。我想在点击广告时关闭 div 内的 Google Ads。我该怎么做？

这是我的 HTML 文档:

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

Answer 1

使用JQuery的隐藏或删除方法

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