Seleccionar y desactivar cada campo de entrada dentro de un formulario, envuelto en una tabla en jQuery

Question

estoy inhabilitación de un formulario basado en una casilla ...

Estoy teniendo problemas para añadir el atributo deshabilitado.

aquí es lo que tengo hasta ahora: HTML:

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

selector de Javascript/atribuir manipulación (jQuery):

error

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

Chrome Dev Consola: Uncaught TypeError: Object #<an HTMLInputElement> has no method 'attr'

Cuando Alerto el item dentro del .each() alerta [object HTMLInputElement]

No estoy seguro de cómo seleccionar correctamente el elemento de entrada. ¿Qué estoy haciendo mal?

Answer 1

La función no le dará un objeto jQuery. Debe ser:

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

(tenga en cuenta que también he simplificado el selector, que todavía funciona)
Si usted no está haciendo nada con eles cada elemento, esto funcionará así:

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

Answer 2

....

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

Answer 3

el problema es la falta de $() en la función each() ...

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