jQuery 在带有 rowspan 的表中选择可视列

我见过一些类似的问题，但没有回答这个具体问题。考虑下表：

<table id="foo" border="1px">
    <tr>
        <td rowspan="2">one</td>
        <td>two</td>
        <td rowspan="2">three</td>
        <td>four</td>
        <td>five</td>
    </tr>
    <tr>
        <td rowspan="2">two</td>
        <td>four</td>
        <td>five</td>
    </tr>
    <tr>
        <td rowspan="2">one</td>
        <td>three</td>
        <td>four</td>
        <td>five</td>
    </tr>
    <tr>
        <td>two</td>
        <td>three</td>
        <td>four</td>
        <td>five</td>
    </tr>
</table>

使用 jQuery，如何选择特定可视列中的所有项目？例如，如果我想选择第 3 列，我应该获取所有以“三”为内容的 td。

这个插件处理复杂的 colspan 和 rowspan 选择：

$('#foo th:nth-col(3), #foo td:nth-col(3)').css("color","red");