2012-04-24 8 views
35

Duplicar posible:
Getting the ID of the element that fired an event using JQuery¿Cómo obtener la ID del usuario del botón que acaba de hacer clic?

que tienen muchos botones con atributo 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> 

asumir el usuario hace clic en algún botón, y quiero alertar a este ID del botón, el usuario simplemente hace clic en.

¿Cómo puedo hacer esto a través de JavaScript o jQuery?

Deseo obtener la ID del usuario del botón que acaba de hacer clic.

Respuesta

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

Por qué envolver e inmediatamente se desenvuelva ('$ (este) [0] ') cuando acaba' this.id '¿va a hacer? –

+1

No es necesario jQueryify 'this'. Acceda a la propiedad 'id' del elemento DOM directamente como en la respuesta de @ GeckoTang. –

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

Con puro 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

¿Sabes cómo hacer esto en asp.net? – mutiemule

+4

@mutiemule ASP.NET es una tecnología del lado del servidor – Yang

Cuestiones relacionadas