如何使用jQuery实时检查元素是否为空

How to live check that element is empty with jQuery

本文关键字:是否 元素 检查 何使用 jQuery 实时      更新时间:2023-09-26

我有一些块,在那里我附加一些html(span)取决于指定函数。如果这个函数完成了,我会将这个跨度附加到div中。但如果这个函数没有执行,我需要附加一些elese。所以,我的问题是如何实时检查这个div中是否存在这个跨度?这是我的代码:

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

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

我尝试使用:empty,但它不起作用。。。

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

或:

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

或者只是:

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

尝试if($(this).children('span').length==0)