javascript - jQueryで要素が空であることを確認する方法

Question

指定した関数に依存する html (スパン) を追加するブロックがあります。この関数が完了したら、このスパンを div に追加します。しかし、この関数が実行されていない場合は、elese を追加する必要があります。それで、私の質問は、この div にこのスパンが存在することを確認する方法です。これは私のコードです:

if (...){
    $('.info_check').append('<span></span>');
}

...

    $('.info_check').on('DOMSubtreeModified',function(){
        if($(this).html() == "") {
            $('#instructions_panel').append('<span>...</span>');
        }
    });

試してみましたが:empty、うまくいきません...

Answer 1

if ($(this).is(':empty')) {...}

また：

if (!$(this).has('span')) {...}

あるいは単に：

if (!$(this).children().length) {...}

Answer 2

試すif($(this).children('span').length==0)