get jquery `$ (questo)` id

Question

Come posso ottenere il id dell'elemento che ha attivato la funzione jQuery .change()? La funzione stessa funziona correttamente, ma ho bisogno di un'azione specifica per un selettore con id="next".

$("select").change(function() { 
    [...snip....] 
    alert($(this).attr('id')); // <---- not working 
} 

Qualche motivo per cui l'avviso sopra non funziona?

Answer 1

this è l'elemento DOM su cui è stato agganciato l'evento. this.id è il suo ID. Non è necessario avvolgerlo in un'istanza di jQuery per ottenerlo, la proprietà id riflette l'attributo in modo affidabile su tutti i browser.

$("select").change(function() {  
    alert("Changed: " + this.id); 
} 

Live example

Non stai facendo questo nel tuo esempio di codice, ma se si stesse guardando un contenitore con diversi elementi del modulo, che darebbe l'ID della container. Se si desidera che l'ID dell'elemento che ha attivato l'evento, si potrebbe ottenere che dalla proprietà event object'starget:

$("#container").change(function(event) { 
    alert("Field " + event.target.id + " changed"); 
}); 

Live example

(jQuery assicura che i change bolle caso, anche su IE dove doesn 't in modo nativo.)

Answer 2

Vuoi dire che per un elemento di selezione con un ID di "prossimo" è necessario eseguire uno script specifico?

$("#next").change(function(){ 
    //enter code here 
});