JQuery - object.id non è definito quando non dovrebbe essere

Question

Sto lavorando con JQuery e sto correndo in questo strano (o forse stupido) errore.

Nel mio HTML ho:

<input type="password" name="repeatPassword" id="id_repeatPassword" /> 

E poi nel mio codice javascript che ho:

validateRepeatPassword($('#id_repeatPassword')); 

Purtroppo nella funzione "validateRepeatPassword":

function validateRepeatPassword(o) { 
     // this works 
     if (o.value == $("#id_password").val()) { 
     // this returns "undefined" 
     alert(o.id) 
... 
} 

perché?

Answer 1

o è un riferimento a un oggetto jQuery, NON un riferimento di elemento DOM. Dentro la funzione validateRepeatPassword fare:

alert($(o).attr('id')); 

Se si desidera accedere proprietà dell'elemento diretta DOM dall'oggetto jQuery,

alert(o[0].id) 

alert(o.get(0).id); 

Answer 2

all'interno della vostra funzione o è un oggetto jQuery, si dovrebbe prendere l'ID con la funzione attr di o.

alert(o.attr('id')); 

Ma se si desidera lavorare direttamente con l'elemento DOM sulla vostra funzione validateRepeatPassword, è possibile passare un riferimento all'elemento:

validateRepeatPassword($('#id_repeatPassword').get(0));