javascript - 要素が親要素内に存在するかどうかを確認します

Question

href値を使用して、youtubeビデオをdivに埋め込み、追加して、youtube.com / embed /+hrefvariableに追加しています。そこに追加するクリック機能を実行しないように、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

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) {
    ...
}