jQuery and Table, grab every cell in the NTH column

Question

Lets say I have your basic table layout (like below). How to I grab every NTH cell? I basically want to add a css class to the cells in column N.

So if I wanted all

Answer 1

nth Selector

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

Answer 2

There are many ways to do this. The best way depends on how the table is generated and what you will be doing with the cells in javascript/JQuery.

You could add an id to each cell, something like "cell-row-col". This allows you to grab any cell via document.getElementByID().

Answer 3

Try the jQuery nth Cell selector... Must be there!

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