Auswählen und jedes Eingabefeld auf einem Kontrollkästchen, ein Formular in einer Tabelle innerhalb einer Form, eingewickelt in deaktivieren basierend jquery

Question

Ich Deaktivierung ...

Ich habe Probleme das deaktivierte Attribut hinzufügen.

hier ist das, was ich so weit gekommen: HTML:

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

Javascript Selektor/Attributmanipulation (jquery):

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

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

Wenn Ich warnt die item innerhalb der .each() es warnt [object HTMLInputElement]

Nicht ganz sicher, wie Sie das Eingabeelement richtig auswählen. Was mache ich falsch?

Answer 1

Die Funktion gibt Ihnen kein jQuery-Objekt. Es sollte:

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

(beachten Sie, dass ich Ihre Wähler auch vereinfacht, es funktioniert immer noch)
Wenn Sie mit jedem Element nichts eles tun, wird dies auch funktionieren:

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

Answer 2

....

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

Answer 3

das Problem ist der Mangel an $() in der .each() Funktion ...

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