JQuery - object.id no está definido cuando no debería ser

Question

Estoy trabajando con JQuery y me estoy encontrando con este error extraño (o tal vez estúpido).

En mi HTML tengo:

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

Y luego, en mi código JavaScript que tengo:

validateRepeatPassword($('#id_repeatPassword')); 

Por desgracia, en la función "validateRepeatPassword":

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

por qué?

Answer 1

o es una referencia a un objeto jQuery, NO a una referencia de elemento DOM. Dentro de su función validateRepeatPassword hacer:

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

Si desea acceder a la propiedad del elemento DOM directa del objeto jQuery,

alert(o[0].id) 

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

Answer 2

dentro de su función o es un objeto jQuery, se debe agarrar el id con la función attr de o.

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

Pero si se quiere trabajar directamente con el elemento DOM en su función validateRepeatPassword, puede pasar una referencia al elemento:

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