jqueryイベントハンドラが値を変更しないのはなぜですか？

Question

イベントハンドラを使用してメッセージを変更しましたが、リンクをクリックしてもメッセージは変更されません。あなたがアンカータグのテキストを変更したい場合は、あなたがそうlike thisを行うことができます

$("a").bind("click", { message : msg }, function(event) { 
    msg = "Changed msg"; 
    alert(event.data.message); 
    }); 

Answer 1

：ここ

<a href="javascript:void(0);">Test 1</a> 
<a href="javascript:void(0);">Test 2</a> 

のJavaScriptファイルです

$("a").bind("click", function(event) { 
    $(event.target).text('Changed msg'); 
}); 

これはと短絡することができますthisはイベントハンドラ内でevent.targetを参照するか、関数にバインドしたもの（アンカータグ）を参照します。したがって、次のように書くことができます。

$("a").bind("click", function() { 
    $(this).text('Changed msg'); 
}); 

ドキュメントオブジェクトモデル（DOM）を変更するための値を設定することはできません。 jQueryに何をしたいかを伝えるには、textとhtmlのようなメソッドを使用する必要があります。 vanilla JavaScriptでこれを行うことができます。

コメントに記載されているように、eventDataは、イベントハンドラに長く渡すことができるオブジェクトです。しかし、それは変えたり、変えたりすることはできません。