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

2 Answers 2

$('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/