Question

我通过使用href值并将其添加到youtube.com/embed/ + hrefvariable，将youtube视频嵌入并附加到div。我只是需要一些指导，如何检查youtube视频是否已经在div中，以便不运行将其附加到那里的点击功能。我在考虑使用.length（）和父div？

这是附加功能：

$(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

您可以在点击功能的顶部执行此操作if ($("#currentvid iframe").length) return;。我还建议将$('#currentvid')存储在var。

中

Answer 2

如果您想检查iframe是否已经存在，请使用：

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

如果你有多个iframe，请给它一个id并检查它。

Answer 3

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

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

3 个答案: