javascript - ユーザーがクリックしたボタンのIDを取得するには?

Question

重複の可能性:
JQuery を使用してイベントを発生させた要素の ID を取得する

ID属性を持つボタンがたくさんあります。

<button id="some_id1"></button>
<button id="some_id2"></button>
<button id="some_id3"></button>
<button id="some_id4"></button>
<button id="some_id5"></button>

ユーザーが何らかのボタンをクリックすると仮定すると、ユーザーがクリックしたボタンのこの ID を警告したいと思います。

JavaScript または jQuery を使用してこれを行うにはどうすればよいですか?

クリックしたボタンユーザーのIDを取得したい。

Answer 1

$("button").click(function() {
    alert(this.id); // or alert($(this).attr('id'));
});

Answer 2

純粋なJavaScriptの場合：

var buttons = document.getElementsByTagName("button");
var buttonsCount = buttons.length;
for (var i = 0; i <= buttonsCount; i += 1) {
    buttons[i].onclick = function(e) {
        alert(this.id);
    };
}​

http://jsfiddle.net/TKKBV/2/

Answer 3

この単純なワンライナー コードを試すこともできます。onclick属性でalertメソッドを呼び出すだけです。

<button id="some_id1" onclick="alert(this.id)"></button>

Answer 4

$("button").click(function() {
    alert(this.id);
});