jqueryの動的に追加された要素を取得したいです。

Question

前提・実現したいこと

jqueryで動的に追加された要素に対しての$(this)を取得したいです。
(イベント発火は確認済みです)

発生している問題

$(this)が$(document)を取得してしまう

該当のソースコード

   const $material_text = $(".material_text-area");
    $(document).on("keyup",$material_text,function(){
        console.log ($(this));
       //$marerial_textを取得したいがこの書き方ではdocumentを取得してしまう。
　　　　//イベントの発火は確認できています。
      //実現したいことはこちらです
　　　　　$(this).val();
    });

試したこと

$(document)を取得してきたので

$(this).find($marerial_text).val();

としてみたがダメでした。

補足情報（FW/ツールのバージョンなど）

FW:rails Rails 5.2.3
jquery-rails (4.3.5, 4.3.3)

Comments

[m.ts10806]

本件と直接関係あるわけではないですが
material_text-areaから取得したのに変数名がmarerial_text
になってます。

[masataka_sugita]

ご指摘ありがとうございます。
気づかなかったです。変更させていただきました。

Answer 1

第2引数はセレクタでよいはずです。（jQueryオブジェクトで無い）

$( document ).on( 'click', '.material_text-area', function( e ) { // わかりやすいようにクリックで確認
	console.log ( this );
	console.log ( e.target );
} );
```**動くサンプル：**[https://jsfiddle.net/qgwe71Ls/](https://jsfiddle.net/qgwe71Ls/)

---

【.on() | jQuery API Documentation】
[https://api.jquery.com/on/#on-events-selector-data-handler](https://api.jquery.com/on/#on-events-selector-data-handler)

Comments

[masataka_sugita]

動きました。
第二引数の書き方がおかしかったのですね、、
回答頂きありがとうございました！