jQuery和Table，抓住NTH列中的每个单元格

Question

假设我有基本的表格布局（如下所示）。如何抓住每个NTH细胞？我基本上想要在N列的单元格中添加一个css类。

因此，如果我想要第2列中的所有单元格，我想要一个包含以下标记的单元格的jQuery obj：

<table>
    <tr class="trow">
        <td></td>
        <td></td> <!-- included -->
        <td></td>
    </tr>
    <tr class="trow">
        <td></td>
        <td></td> <!-- included -->
        <td></td>
    </tr>
    <tr class="trow">
        <td></td>
        <td></td> <!-- included -->
        <td></td>
    </tr>
</table>

Answer 1

试试jQuery nth Cell selector ......必须在那里！

$("table tr td:nth-child(n)").addClass("MyGreatClass");

Answer 2

nth Selector

$('table>tbody>tr>td:nth-child(2)').addClass('someClass');

Answer 3

有很多方法可以做到这一点。最好的方法取决于表格的生成方式以及您在javascript / JQuery中对单元格的处理方式。

您可以为每个单元格添加一个ID，例如“cell- row - col ”。这允许您通过document.getElementByID（）获取任何单元格。