檢查，如果一個iframe存在，然後使用jquery

我試圖使用jQuery來創建HTML標記創建的HTML標記：如果YouTube視頻的網頁上存在檢查，如果一個iframe存在，然後使用jquery

<div class="icon"></div>

然後創建上面標記：

if ($('div.container iframe').length) { 
    alert('frame exists'); 
    $('<div class="icon"></div>'); 
}

但是它不創建標記。我想讓用戶粘貼YouTube視頻，然後我的Jquery應該爲他們自動創建圖標。請看看我的實現：

var $video = $('div.container iframe'); //location of video 
var $productImage = $('.product-image'); //location of main prod img 
var $icon = $('.icon');     //location of icon 

//check if video exists 
if ($('div.container iframe').length) { 
    alert('frame exists'); 
    $('<div class="icon"></div>'); 

} 

$('.product-image').append($video);  //append the video to the main prod img 

$icon.on('click', function() {   //click 
    $video.toggle();      //toggle the video based on click 
});

的jsfiddle：http://jsfiddle.net/t7qMF/7/ SOLUTION：http://jsfiddle.net/t7qMF/13/

來源

2012-07-13 SOLDIER-OF-FORTUNE

div.icon都有自己的CSS，所以你應該看到一個圖標出現在頁。 – 2012-07-13 10:03:42

首先檢查是否IFRAME存在與否，如果存在，那麼append圖標格 -

if ($('div.container iframe').length > 0) { 
    alert('frame exists'); 
    $('.container').append('<div class="icon">Icon</div>'); 
}

更新小提琴 - http://jsfiddle.net/t7qMF/11/

來源

2012-07-13 10:07:24 Dipak

優秀。這是工作解決方案：http：//jsfiddle.net/t7qMF/13/ – 2012-07-13 10:13:35

$('<div class="icon"></div>');創建的標記，但不把它放在任何地方。追加到某個東西，它應該工作。

來源

2012-07-13 10:04:32 Inkbug

檢查，如果一個iframe存在，然後使用jquery

回答

相關問題