TypeError: .val не является функцией

Question

У меня есть следующий код, в котором я выбираю все соответствующие элементы, начинающиеся с того же имени, за исключением одного, которое я не хочу включать в группу.

var myInputBoxes= $('input[id ^= "SubjectText"]').not('#SubjectTextNew'); 
for (i = 0 ; i < myInputBoxes.length; i++){ 
    var SubjectId = myInputBoxes[i].id.replace('SubjectText', ''); 
    var Subject = myInputBoxes[i].val(); 
} 

Это дает мне следующее сообщение об ошибке в Firefox

TypeError: myInputBoxes[i].val is not a function

Почему она не справится с функцией валь?

Answer 1

Доступ к объекту jQuery с использованием скобок нотации возвращает DOMElement, который не имеет функции val(). Если вы хотите, чтобы получить элемент по его индексу в согласованном наборе вы должны использовать eq():

var Subject = myInputBoxes.eq(i).val(); 

В качестве альтернативы вы можете сохранить DOMElement и использовать value свойство:

var Subject = myInputBoxes[i].value; 

Answer 2

Поскольку subjectBoxes[i] не объект jQuery, если это объект jQuery, то вы можете использовать .eq(), чтобы получить ссылку на обертку jQuery на элемент по переданному индексу

var myInputBoxes = $('input[id ^= "SubjectText"]').not('#SubjectTextNew'); 
myInputBoxes.each(function (e, el) { 
    var SubjectId = this.id.replace('SubjectText', ''); 
    var Subject = subjectBoxes.eq(i).val(); 
})