Come rilevare l'id dell'elemento corrente in jQuery?

Question

ho alcuni codici HTML:

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

Ho bisogno di eseguire una funzione di jQuery ogni volta che l'utente clicca ciascun pulsante, e devo farlo utilizzando la loro classe.

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

Ma quello che dovrei fare, dipende dall'elemento corrente Id.

La mia domanda è: come posso rilevare quale elemento ha chiamato questa funzione? Devo sapere il suo id.

Answer 1

È possibile utilizzare this per accedere all'elemento corrente e quindi this.id fornirà il id dell'elemento corrente.

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

Answer 2

this nel gestore di eventi è l'elemento che è stato cliccato:

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

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

}); 

Answer 3

Guarda this. Si può semplicemente usare il metodo attr() per ottenere l'id dell'elemento cliccato mentre si associa una richiamata di clic a OGNI elemento con la classe .myButton.

Answer 4

Se si desidera mantenere nel contesto jQuery, è possibile utilizzare questo frammento:

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

Con questo modo si è un po 'più flessibile.

Answer 5

Con jQuery ho trovato questo lavoro:

$(this).prop('id')