javascript - どのボタンがクリックされたかを判断する

Question

私のページにはまったく同じボタンが10個以上あります。つまり、タイトル、値など、すべてが同じです。

どのボタンがクリックされたかを特定するにはどうすればよいですか?

Answer 1

どのボタンがクリックされたかを判断できるように、ボタンには異なる ID が必要です。

$('button').click(function(e){
    alert(e.target.id);
});

Answer 2

DOM 要素は、要素の属性に関係なく、一意として分類されます。

$('button').click(function() {
    $(this).css('border','1px solid red');
});

クリックされたボタンを強調表示する必要があります。

Answer 3

どうやら、どうにかしてボタンを列挙したいようです。.index ^[docs]を使用して、選択したボタンの中でクリックされたボタンのインデックスを取得できます。

var $buttons = $('.theButtons');

$buttons.click(function() {
    var index = $buttons.index(this);
});

this常にイベント ハンドラがバインドされている要素を参照します。つまり、常にクリックされたボタンを参照します。あなたはそれでやりたいことが何でもできます。

Answer 4

event.target 属性を使用して、これらのボタンを一意の ID に関連付けて、どのボタンがクリックされたかを判断できます。