javascript - 如何使用 jQuery 实时检查 html 中的元素插入情况。

Question

我有一些动态解析内容的 block 。我需要为其更改一些样式，但如果有一些 html。我的问题:是否有可能使用 jQuery 实时检查某些元素在指定时刻是否有 html，并设置一些操作(如果它是空的)？感谢您提供一些信息。

我的代码:

if ($('.degrees').live().html === ("")){
    $('.block').fadeOut('slow');
}

Answer 1

试试这个:

检测空的 div 并更改其 html:

$('.degrees:empty').on('DOMSubtreeModified',function(){
    //...
});

检测每个 html 更改

$('.degrees').on('DOMSubtreeModified',function(){
    if($(this).is(':empty')) // check if it became empty ..
});