如何获取刚刚单击的按钮用户的 ID？ [复制]答案

【问题标题】：How to get ID of button user just clicked? [duplicate]如何获取刚刚单击的按钮用户的 ID？ [复制]
【发布时间】：2012-05-04 16:23:15
【问题描述】：

可能重复：
Getting the ID of the element that fired an event using JQuery

我有很多带有 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。

【问题讨论】：

标签： javascript jquery html

【解决方案1】：

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

【讨论】：

【解决方案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/

【讨论】：

你知道如何在 asp.net 中做到这一点吗？
@mutiemule ASP.NET 是一种服务器端技术
抱歉@mutiemule，我对 ASP.NET 不太熟悉，但应该有一种方法可以将 js 注入到您呈现的 html 中，类似于 express-handlebars 中的模板。

【解决方案3】：

您也可以试试这个简单的单行代码。只需在 onclick 属性上调用 alert 方法。

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

【讨论】：

【解决方案4】：

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

【讨论】：

为什么只有 this.id 可以打包并立即解包 ($(this)[0])？
无需 jQueryify this。直接访问 DOM 元素的 id 属性，就像在 @GeckoTang 的答案中一样。
@AndrewWhitaker 我看没区别？