jquery - jQueryデリゲートメカニズムを使用してクラス名を動的に追加することは可能ですか?

Question

動的要素に「クラス」を追加することは可能ですか。以下の例では、ドキュメントの準備ができてそれを書きました。「クラス」名を「someclassname」に設定するために動的に追加される要素に対してそれを行いたい

$.find("input[type=text],select").addClass("someclassname");

デリゲート メソッドを使用して動的要素のイベントを追加できることはわかっています。しかし、クラス名を動的に追加することは可能ですか?

「フォーカス」イベントを追加するために、コードで以下を実行しています。しかし、要素が UI で動的にレンダリングされている間に、デフォルト クラスを設定したいと考えています。

$( "form" ).on("focusin","input[type=text],select", function() {
  $(this).addClass('selected');
}).on("focusout","input[type=text],select", function() {
   $(this).removeClass('selected');
});

Answer 1

currentTargetイベントリスナーにパラメーターとして渡されたイベントオブジェクトのプロパティを使用できます

$( "form" ).on("focusin","input[type=text],select", function(e) {
  $(e.currentTarget).addClass('selected');
}).on("focusout","input[type=text],select", function(e) {
   $(e.currentTarget).removeClass('selected');
});