javascript - jQueryを使用して要素の挿入htmlをライブチェックする方法。

Question

コンテンツを動的に解析するブロックがあります。スタイルを変更する必要がありますが、html がある場合は. 私の質問:いくつかの要素が特定の瞬間にhtmlを持ち、たとえば空の場合にいくつかのアクションを設定することをjQueryでライブチェックすることは可能ですか? いくつかの情報についてはThx。

私のコード:

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

子要素を確認できます：

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

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

Answer 4

次のように、要素が空かどうかを確認できます。

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

ただし、チェックを行う場合にのみ機能し、将来の要素では機能しないため、間隔を使用して定期的にチェックする必要があり、一般的には良い考えではありません。