如何获取刚刚点击的按钮用户的ID?

IT技术 javascript jquery html
2021-03-09 14:21:38

可能的重复:
使用 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。

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

使用纯 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/

抱歉@mutiemule,我对 ASP.NET 不太熟悉,但是应该有一种方法可以将 js 注入到您渲染出的 html 中,类似于 express-handlebars 中的模板。
2021-04-20 14:21:38
@mutiemule ASP.NET 是一种服务器端技术
2021-04-27 14:21:38
你知道如何在 asp.net 中做到这一点吗?
2021-05-08 14:21:38

你也可以试试这个简单的单行代码。只需onclick属性调用警报方法

<button id="some_id1" onclick="alert(this.id)"></button>
$("button").click(function() {
    alert(this.id);
});
@AndrewWhitaker 我看不出有什么区别?
2021-04-30 14:21:38
为什么要包装并立即解包 ( $(this)[0]) 时才行this.id
2021-05-06 14:21:38
不需要 jQueryify thisid直接访问 DOM 元素的属性,就像@GeckoTang 的回答一样。
2021-05-06 14:21:38