jqueryのは、クリック

Question

<button onclick="func()"></button> 

上のボタンを見つけて、私は、FUNCボタンで要素を（）を見つけたいが、私は$(this)を使用する場合、常にwindowオブジェクトを参照しているようです。次に、クリックされた要素の位置を突き止めるのに良い練習は何ですか？

Answer 1

あなたはfunc関数内のボタン要素を取得するためにevent.targetを使用することができます。その後、jQueryオブジェクトに変換できます。たとえば、以下のコードでは、ボタンidを取得します。

function func(){ 
    var button = $(event.target); 
    console.log(button.attr("id")); 
} 

function func(){ 
 
\t var button = $(event.target); 
 
\t console.log(button.attr("id")); 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> 
 
<button onclick="func()" id="button1">Click</button>

Answer 2

function func($this){ 
 
    alert($($this).val()); 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<button value="test" onclick="func(this)">click</button>