title: Select a range of td cells with jquery
body: <p>Say I have the following table</p>
  
  <pre><code>&lt;table&gt;
      &lt;tr&gt;&lt;td&gt; #TD1 &lt;/td&gt;&lt;td&gt; #TD2 &lt;/td&gt;&lt;/tr&gt;
      &lt;tr&gt;&lt;td&gt; #TD3 &lt;/td&gt;&lt;td&gt; #TD4 &lt;/td&gt;&lt;/tr&gt; 
      &lt;tr&gt;&lt;td&gt; #TD5 &lt;/td&gt;&lt;td&gt; #TD6 &lt;/td&gt;&lt;/tr&gt;
      &lt;tr&gt;&lt;td&gt; #TD7 &lt;/td&gt;&lt;td&gt; #TD8 &lt;/td&gt;&lt;/tr&gt;
      &lt;tr&gt;&lt;td&gt; #TD9 &lt;/td&gt;&lt;td&gt; #TD10 &lt;/td&gt;&lt;/tr&gt;
      &lt;tr&gt;&lt;td&gt; #TD11 &lt;/td&gt;&lt;td&gt; #TD12 &lt;/td&gt;&lt;/tr&gt;
      &lt;tr&gt;&lt;td&gt; #TD13 &lt;/td&gt;&lt;td&gt; #TD14 &lt;/td&gt;&lt;/tr&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p>With jquery how do I select </p>
  
  <ol>
  <li>#TD5, #TD7 and #TD9 ?</li>
  <li>#TD6, #TD8 and #TD10 ?</li>
  </ol>
  
  <p>I'm interested in an adaptable solution as my table might vary in columns and rows and I might need to select 4 rows going down rather than just three. </p>
  
  <p>So far I've got </p>
  
  <pre><code> $("table tr:gt(1) td:nth-child(1)").css('color','red')
  </code></pre>
  
  <p>but it doesnt stop at <code>#TD11</code></p>
  
  <p>See also <a href="http://jsfiddle.net/2ygJk/" rel="nofollow">http://jsfiddle.net/2ygJk/</a></p>