title: Disable all controls of a table column using jQuery
body: <p>I am looking to disable all the elements (controls) of specified table columns (td's) using jQuery.</p>
  
  <p>My table looks like the following :</p>
  
  <pre><code>&lt;table&gt;
    &lt;tr&gt;
      &lt;td id="1.1.tcol"&gt;&lt;/td&gt;
      &lt;td id="1.2.tcol"&gt;&lt;/td&gt;
      &lt;td id="1.3.tcol"&gt;&lt;/td&gt;
      &lt;td id="1.4.tcol"&gt;&lt;/td&gt;
    &lt;/tr&gt;
    &lt;tr&gt;
      &lt;td id="2.1.tcol"&gt;&lt;/td&gt;
      &lt;td id="2.2.tcol"&gt;&lt;/td&gt;
      &lt;td id="2.3.tcol"&gt;&lt;/td&gt;
      &lt;td id="2.4.tcol"&gt;&lt;/td&gt;
    &lt;/tr&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p>The table is generated dynamically, but this is how it is rendered as. Now each of my <code>&lt;td&gt;</code> has multiple controls like select, checkbox, buttons, but not fixed for every row and column. I am looking to disable all controls of a specified <code>&lt;td&gt;</code> by using it's Id. </p>
  
  <p>I used the following jQuery, but it doesn't seemt to do the job :</p>
  
  <p><code>$('#' + td_id).select('*').each(function(element){element.disabled=true});</code></p>
  
  <p>I have also tried the following, still it doesn't seem to work :</p>
  
  <p><code>$('#' + td_id).attr('disabled', 'false');</code></p>
  
  <p>Am I doing something wrong? Please help.</p>
  
  <p>Thanks!</p>