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 ?

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 ?

• javascript
• jquery
• jquery-traversing

Share Improve this question Follow asked Feb 11, 2012 at 15:50 HalfWebDevHalfWebDev 7,6681414 gold badges7171 silver badges110110 bronze badges

Add a ment  | 

2 Answers 2

Sorted by: Reset to default 7

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

DEMO: http://jsfiddle/TcQex/

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

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

good article about nth-child -

http://css-tricks./how-nth-child-works/