tags:

views:

215

answers:

3

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 cells in column 2, I want to have a jQuery obj that contain the following cells that are marked:

<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>
+6  A: 

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

$("table tr td:nth-child(n)").addClass("MyGreatClass");
RSolberg
omg duh..........
Jon Erickson
got there eventually.....
redsquare
+3  A: 

nth Selector

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

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().

Chris Judge