Traversing a table column -jQuery

Question

Given a 3 by 3 table, i want to add a class to all the cells of 3rd column .

I have tried doing

$( 'td:eq(3)' ).addclass('special');
$( 'td:eq(5)' ).addclass('special');
$( 'td:eq(8)' ).addclass('special');

but the problem is writing 3 lines of code. Can a single line of code do it ?

score 7 · Answer 1 · answered Feb 11 '12 at 15:54

7

$('tr > td:nth-child(3)').addClass('special');

DEMO: http://jsfiddle.net/TcQex/

DOCS: http://api.jquery.com/nth-child-selector

answered Feb 11 '12 at 15:54

score 2 · Accepted Answer · answered Feb 11 '12 at 15:57

2

$("td:nth-child(3)").addClass('special');

good article about nth-child -

answered Feb 11 '12 at 15:57

Cecil Theodore

I should have left the `tr > ` part off of my answer since it really isn't necessary. +1 – Feb 11 '12 at 16:01

2 Answers2