javascript - jquery if 语句并删除 iframe

Question

我如何在 jquery 中编写 if 语句：

如果用户单击图像div#ProductImages > img然后隐藏/删除 iframe？

这就是我所拥有的：（我的代码会将 youtube 视频附加到页面上的 div 位置）

一旦用户再次开始单击图像，我需要删除 iframe。

var $video=$('div.icon iframe');
var $productImage=$('.product-image');
var $icon=$('.icon');
$icon.on('click',function()
{
    $('.product-image').append($video);
});

编辑：对不起，我的意思是删除 http://jsfiddle.net/t7qMF/1/

Answer 1

隐藏：

$('#my-iframe').hide();

去除：

$('#my-iframe').remove();

从您的示例中不清楚您要在哪里放置什么逻辑。

但是你需要某种点击监听器。

$('#my-image').click(function() {
    // hide or remove iframe
});

Answer 2

附加 $video 并切换可见性

var $video=$('div.icon iframe');
var $productImage=$('.product-image');
var $icon=$('.icon');
$('.product-image').append($video);
$icon.on('click',function()
{
    $video.toggle();
});

​我希望我正确地理解了你