如何点击iframe删除它？

好吧，我得到了最基本的问题。 我想在div中选择iframe。 无论何时点击此iframe，我都想删除iframe。 我怎样才能做到这一点？

 Random thoughts   

见这里： http ： //jsfiddle.net/nT4uZ/1/

Answer 1

正如@Daedalus评论的那样，你无法直接处理iframe内部的点击。

你需要在#box div中添加一个额外的div，它将覆盖iframe，它将处理iframe上方的点击。

您需要找到iframe的尺寸及其偏移量，并将其应用于此div中。

HTML

 
Random thoughts  
 
  

CSS

  #inner_box { position:absolute; z-index:2; } #iframe { position:absolute; z-index:1; } 

JavaScript （从这里的链接获得一些帮助）

 //Positioning the #inner_box in the same position with the iframe var destination = jQuery('#box iframe').offset(); jQuery('#inner_box').css({top: destination.top, left: destination.left}); //Giving the #inner_box the same dimensions with the iframe jQuery('#inner_box').width(jQuery('#box iframe').width()); jQuery('#inner_box').height(jQuery('#box iframe').height()); //Implement click handler jQuery('#inner_box').click(function() { jQuery(this).closest('#box').find('iframe').remove(); }); 

这是代码的小提琴。

Answer 2

 $('#box iframe').click(function(){ $('#box iframe').remove(); }); 

试试在线

尝试使用该脚本，希望它可以帮助你:)