javascript - 尝试通过查询删除 iframe id，同时点击像 facebook

Question

我尝试在点击时删除 div

我的代码

<div id="closebox"  style="position: absolute;margin-right: 2px; opacity: 0;/* width:27px; */ /* height: 20px; */ /* overflow: hidden; */ width: 47px; height: 20px; overflow: hidden; right: 202px; bottom: 15px;"> 

<iframe id="closebox1" src="http://www.facebook.com/plugins/like.php?href=https://www.facebook.com/0000000&amp;layout=button_count&amp;show_faces=false&amp;width=60&amp;action=like&amp;colorscheme=light&amp;height=31" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:45px; margin-top:3px;padding-bottom: 0px;
padding-top: 0px; height:31px; z-index: 0; /* position: absolute; */opacity: 0;" allowtransparency="true"></iframe>

</div>  

<button type="button" class="btn btn-default" data-dismiss="modal">نعم </button> 

<script type="text/javascript"> 
$('#closebox1').click(function () { 
   $('#closebox1').hide();    
});
</script>

我需要点击 div id closebox 或 closebox1 删除 iframe id closebox1

不工作，因为点击这里它进入了 iframe 内容，就像按钮而不是 div

Answer 1

如果您使用任何其他按钮它可以与您的代码一起使用，则它不适用于 iframe 之类的按钮，但 iframe 进入 div 则无法单击 div，因为 iframe 代表 div 进行单击。如果您单击按钮标签并删除 iframe，则可以删除 iframe。

像这样

<script type="text/javascript"> 
    $('.btn-default').click(function () { 
        $('#closebox1').remove()  
    });
</script>