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和toggle visibillity

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

我希望我理解正确

jquery if语句并删除iframe

2 个答案: