.on（）イベントからコールバック関数に変数を渡す方法を教えてください。

Question

私は、ドキュメントに動的にボタンを挿入するためにjavascriptを使用しています。ボタンをクリック可能にして、各ボタンの値を取得し、conosle.logでエクスポートします。今すぐボタンをクリックすることができますが、ボタンの値を.on（）から関数に渡す方法を知ることはできません。私は（.on使用する必要が

HTML

<button id="testTagButton" class="yt-chip" title="test button please ignore"><span>test button please ignore</span></button> 

javascriptの

$(document).on('click','#testTagButton',tagInsert); 


function tagInsert(){ 
    console.log("Button Value should go here"); 
} 

）私の知る限りで私が文書

Answer 1

は、単純に（この別名）コンテキストを参照してください。

function tagInsert(){ 
    console.log(
    this.id, //a regular DOM prop 
    this.title, 
    $(this).text() //or utilizing jquery again 
    //or whatever 
    ); 
} 

Answer 2

にボタンを挿入するために追加使用しているので、あなたが渡すことができますイベントをtagInsert関数に送信し、ターゲットを取得します。

function tagInsert(e){ 
    var target = e.target || e.srcElement; 
    console.log(target.innerHTML); 
} 

Answer 3

あなたがdata-と$.data()を使用することができます。

$(document).ready(function() { 
 
    $("#test").on("click", function(e) { 
 
    console.log($(this).data("test")); 
 
    }); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<button data-test="123" id="test"> 
 
Test 
 
</button>

Answer 4

ないあなたが探していたその値を確認してください、しかし、$（これは）（これを）.IDまたは$の.textは、ボタンの値によってどのような意味ですか、それ