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

Question

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

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

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

А потом в моем коде JavaScript у меня есть:

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));