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

Posted 2023-05-07

【中文标题】如何获取刚刚单击的按钮用户的 ID？ [复制]

【英文标题】：How to get ID of button user just clicked? [duplicate]

【发布时间】：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。

【参考方案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 我看没区别？