Выбор и отключение каждого поля ввода внутри формы, завернуть в виде таблицы в JQuery

Question

Я отключив форму на основе флажка ...

У меня возникли проблемы при добавлении отключенного атрибута.

вот что я получил до сих пор: HTML:

<table id="shipInfoTable"> 
    <tr> 
    <td>Name:</td> 
    <td><input type="text" name="name" /></td> 
    </tr> 
    ... 
</table> 

селектор Javascript/атрибут манипуляцию (Jquery):

$("#shipInfoTable tbody tr td input").each(function(index, item){ 
    item.attr("disabled", true); 
}); 

Chrome Dev консоли ошибка: Uncaught TypeError: Object #<an HTMLInputElement> has no method 'attr'

Когда Я предупреждаю item в пределах .each(), он оповещает [object HTMLInputElement]

Не совсем уверен, как правильно выбрать элемент ввода. Что я делаю не так?

Answer 1

Функция не даст вам объект jQuery. Оно должно быть:

$("#shipInfoTable input").each(function(index, item){ 
    $(item).attr("disabled", true); 
}); 

(обратите внимание, что я также упростил свой селектор, он все еще работает)
Если вы ничего не делаете Eles с каждым элементом, это будет работать, а также:

$("#shipInfoTable input").attr("disabled", true); 

Answer 2

....

$("#shipInfoTable tbody tr td input").each(function(){ 
    $(this).attr("disabled", true); 
}); 

Answer 3

вопрос является отсутствие $() в функции .each() ...

$("#shipInfoTable tbody tr td input").each(function(index, item){ 
    $(item).attr("disabled", true); 
});