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

Question

我有一些动态解析内容的块。我需要为它更改一些样式，但如果有一些 html。我的问题：是否有可能使用 jQuery 实时检查某些元素在指定时刻具有 html 并设置一些操作（例如，如果它是空的）？谢谢一些信息。

我的代码：

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

Answer 1

试试这个：

检测为空并更改其 html 的 div：

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

检测每个 html 更改

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

Answer 2

你可以这样检查：

if($('.degrees').html().length > 0){
    // element has children
} else {
    // no children
}

Answer 3

您可以像这样检查元素是否为空：

if ($('.degrees').is(':empty')){
    $('.block').fadeOut('slow');
}

但它仅在您进行检查时才有效，而不是对未来的元素，这样做您必须使用间隔定期检查它，这通常不是一个好主意。

Answer 4

您可以检查子元素：

var $main = $('.degrees'),
    $child = $('.block');

if($main.children().length < 0) {
    $child.fadeOut(500);
}