选择并禁用表单中的每个输入字段，包装在 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 开发控制台错误： 未捕获类型错误：对象#没有方法 'attr'

当我警告 .each() 中的 item 时，它会警告 [object HTMLInputElement]

不是非常确定如何正确选择输入元素。我做错了什么？

Answer 1

该函数不会为您提供 jQuery 对象。它应该是：（

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

请注意，我还简化了您的选择器，它仍然有效）
如果您没有对每个项目执行任何操作，这也将起作用：

$("#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);
});