檢查父元素中是否存在元素

Question

我通過使用href值並將其添加到youtube.com/embed/ + hrefvariable中，將youtube視頻嵌入並附加到div。我只需要一些關於如何檢查YouTube視頻是否已經在div中的指導，以便不運行將它附加到那裏的點擊功能。我正在考慮與父div使用.length（）？

這裏的追加功能：

$(function() { 
    $(".youtube").click(function (a) { 
     a.preventDefault(); 
     a = '<iframe src="http://www.youtube.com/embed/' + $(this).attr("href") + '?&iv_load_policy=3&autoplay=1#t=0m12s&rel=0" frameborder="0" allowfullscreen ></iframe>'; 
     $("#currentvid").html(a); 
     $("#currentvid").animate({ 
      opacity: 1 
     }, 1E3); 
     return !1 
    }) 
}); 

Answer 1

如果你想檢查是否iframe中已存在或者不使用：

if ($("iframe").length == 0){ 
    //iframe doesn't exist yet. Append it. 
} 

如果你有多個iframe，給它一個ID和檢查那。

Answer 2

您可以在點擊功能的頂部執行此操作if ($("#currentvid iframe").length) return;。我還建議將$('#currentvid')存儲在var中。

Answer 3

var iframe_ele = $("#currentvid").find('iframe'); 
if (iframe_ele.length > 0) { 
    ... 
}