JQueryクラスが追加されても変更に反映されない

Question

JQueryの指導者ではないので、頭痛を与えます。 ので、準備ができて私の文書に私はクラスが変わっ見コンソールで

$('#Table').on('change', '#TeamValue', function (event) { 
     $(this).removeClass("valid"); 
     $(this).addClass("input-validation-error"); 
     var myClass = $(this).attr('class'); 
     console.log(myClass); 
    } 
}); 

を持っていますが、前面にそうではありません。なぜこうなった？ また、コンテンツを削除すると、入力検証エラークラスがうまく表示されることがわかりました。わかりません。 誰も私に手を差し伸べることはできますか？

ありがとうございます！クラス変更前の

入力：

<input id='TeamValue' type='text' class='small-textbox'> 

コンソールログ：

text:a -.js:451:1 
wroing! -.js:456:13 
small-textbox input-validation-error 

その要素のHTML彼のクラスが変更された後：

<input id="TeamValue" onkeyup="Restriction()" class="small-textbox valid" type="text"> 

Answer 1

あなたが参照している$(this)コンテキストおそらく#Table要素であり、要素ではありません要素です。私の前提は、クラスの変更が代わりにその要素で発生しているということです。 #TeamValue要素に直接変更ハンドラをアタッチしてみてください。

$('#TeamValue').on('change', function (event) { 
    $(this).removeClass("valid"); 
    $(this).addClass("input-validation-error"); 
    var myClass = $(this).attr('class'); 
    console.log(myClass); 
}); 

`` `