JQuery и Table, захватите каждую ячейку в столбце NTH

Предположим, что у меня есть основной формат таблицы (например, ниже). Как я могу захватить каждую ячейку NTH? Я в основном хочу добавить класс css в ячейки в столбце N.

Итак, если мне нужны все ячейки в столбце 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>

Ответы

Ответ 1

Попробуйте jQuery nth Cell selector... Должно быть!

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

Ответ 2

nth Selector

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

Ответ 3

Есть много способов сделать это. Лучший способ зависит от того, как создается таблица и что вы будете делать с ячейками в javascript/JQuery.

Вы можете добавить id для каждой ячейки, что-то вроде "cell-row-col". Это позволяет вам захватить любую ячейку через document.getElementByID().