JQuery - object.id не определено, когда оно не должно быть

Question

Я работаю с JQuery, и я сталкиваюсь с этой странной (или, возможно, глупой) ошибкой.

В моем HTML у меня есть:

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

И тогда в моем яваскрипта коде у меня есть:

validateRepeatPassword($('#id_repeatPassword')); 

К сожалению, в функции "validateRepeatPassword":

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

почему?

Answer 1

o является ссылкой на объект jQuery, а не ссылкой на элемент DOM. Внутри вашей функции validateRepeatPassword сделать:

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

Если вы хотите получить доступ к свойству прямого DOM элемента из объекта JQuery,

alert(o[0].id) 

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

Answer 2

Внутри вашей функции o является объектом JQuery, вы должны захватить идентификатор с attr функция o.

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

Но если вы хотите, чтобы работать непосредственно с элементом DOM на вашей validateRepeatPassword функции, вы можете передать ссылку на элемент:

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