title: jQuery select visual column in table with rowspan
body: <p>I have seen a few similar questions but nothing that answers this specific problem.  Consider the following table:</p>
  
  <pre><code>&lt;table id="foo" border="1px"&gt;
      &lt;tr&gt;
          &lt;td rowspan="2"&gt;one&lt;/td&gt;
          &lt;td&gt;two&lt;/td&gt;
          &lt;td rowspan="2"&gt;three&lt;/td&gt;
          &lt;td&gt;four&lt;/td&gt;
          &lt;td&gt;five&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td rowspan="2"&gt;two&lt;/td&gt;
          &lt;td&gt;four&lt;/td&gt;
          &lt;td&gt;five&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td rowspan="2"&gt;one&lt;/td&gt;
          &lt;td&gt;three&lt;/td&gt;
          &lt;td&gt;four&lt;/td&gt;
          &lt;td&gt;five&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td&gt;two&lt;/td&gt;
          &lt;td&gt;three&lt;/td&gt;
          &lt;td&gt;four&lt;/td&gt;
          &lt;td&gt;five&lt;/td&gt;
      &lt;/tr&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p>Using jQuery, how can I select all items in a specific visual column?  For example, if I want to select column 3, I should get all td's with 'three' as content.</p>