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

Question

我见过一些类似的问题，但没有任何答案可以回答这个特定问题。考虑下表:

<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。

Answer 1

This plugin处理复杂的列跨度和行跨度选择:

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