javascript - クラスの削除をライブチェックする方法

Question

特定のブロック要素から CSS クラスを削除する関数があります。ブロックに別のクラスを追加する前に、ブロックに CSS クラスがなくなったことをライブでチェックするにはどうすればよいですか?

これは私のコードです:

$('#back_button_recipes').on('DOMSubtreeModified',function(){
    if ($(this).attr('class').length <= 0){
        $(this).addClass('main_menu')
    }
});

Answer 1

$('#back_button_recipes').on('DOMSubtreeModified',function(){
    if ($('.className').length > 0){
        $(this).addClass("main_menu");
    }
});​

Answer 2

$(this).attr('class') の呼び出しは配列を返さないため、長さのチェックは機能しません。クラスがない場合、attr は undefined を返すので、falsy をチェックしてください:

var classes = $(this).attr('class');
if (!classes) {
  ...
}

jQuery オンライン attr ドキュメントから

jQuery 1.6 以降、.attr() メソッドは、設定されていない属性に対して undefined を返します。

Answer 3

JavaScript でこの検査を行います。

$('#back_button_recipes').on('DOMSubtreeModified',function(){
    if (!this.className.length > 0){
        this.className += 'main_menu';
    }
});​

JSFiddle
http://jsfiddle.net/2pW3v/2/