jQuery関数での再利用ID

Question

このコードで#status-message-not-savedを繰り返さない方法がありますか？

$('#form-data :input').change(function() { 
    if($('#status-message-not-saved').hasClass('hide')) { 
     $('#status-message-not-saved').removeClass('hide'); 
    } 
}); 

ありがとうございます。

Answer 1

はい。クラスセレクターを追加するだけです。

$('#status-message-not-saved.hide').removeClass('hide'); 

しかし、あなたもここにhasClassまたはクラスセレクタを使用する必要はありません。要素がクラス名を持たない場合、jQuery removeClassは文句を言わない。

jQueryラップされた要素を再利用する場合は、キャッシュできます。

$('#form-data :input').change(function() { 
    var $el = $('#status-message-not-saved').removeClass('hide'); 
    // ... 
}); 

Answer 2

変数を割り当てることができます。

$('#form-data :input').change(function() { 
    var $foo = $('#status-message-not-saved'); 
    if($foo.hasClass('hide')) { 
     $foo.removeClass('hide'); 
    } 
});