¿Cómo detectar la identificación del elemento actual en jQuery?

Question

tengo algunos códigos HTML:

<input type="button" id="btn1" class="myButton" value="Button 1"/> 
<input type="button" id="btn2" class="myButton" value="Button 2"/> 

que necesita para ejecutar una función de jQuery cada vez que el usuario haga clic en cada botón, y tengo que hacerlo usando su clase.

$('.myButton').click(function() { 
    // do something 
}); 

Pero lo que debería hacer, depende del elemento Id actual.

Mi pregunta es, ¿cómo puedo detectar qué elemento llamó a esta función? Necesito saber su identificación.

Answer 1

Puede usar this para acceder al elemento actual y luego this.id le dará el id del elemento actual.

$('.myButton').click(function() { 
    alert(this.id); 
}); 

Answer 2

this en el controlador de eventos es el elemento que se haga clic:

$('.myButton').click(function() { 

    if (this.id === "btn1") { 
     ... 
    }  

}); 

Answer 3

Mira this. Puede simplemente usar el método attr() para obtener la identificación del elemento cliqueado al vincular una devolución de llamada por clic a CADA elemento con la clase .myButton.

Answer 4

Si desea mantener en su contexto jQuery, podría utilizar este fragmento:

$('.myButton').click(function() { 
    alert($(this).attr('id')); 
}); 

Con esta forma usted es un poco más flexible.

Answer 5

con jQuery me encontré con este trabajo:

$(this).prop('id')