2012-04-24 141 views
35

可能重複:
Getting the ID of the element that fired an event using 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。

回答

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

爲什麼包裝,並立即解開('$(本)[0]')在剛'this.id '會做什麼? – 2012-04-24 02:34:33

+1

有沒有必要jQueryify'這個'。直接像@ GeckoTang的答案那樣訪問DOM元素的'id'屬性。 – 2012-04-24 02:35:23

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

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

+0

你知道如何在asp.net中做到這一點嗎? – mutiemule 2013-09-02 08:20:52

+4

@mutiemule ASP.NET是一種服務器端技術 – Yang 2014-11-05 12:10:32

相關問題