Question

how do I add classes for Odd columns in a data table whose eq is greater than 3 ?? this is the code which i tried out, and its giving the class to the tr. Is there any neat way to achieve it ??

$('.dataTable tr').each(function() {
console.log($(this))
if ( $(this).children('td:odd') || $(this).children('td:gt(3)') ) {
$(this).addClass('oddColumn');
// how do I access the td element here ??
}
});

Answer 1

Are you looking for something like this?

$('tr td:nth-child(2n+5)').addClass('c');

Example: http://jsfiddle.net/ambiguous/AQdY8/

Note that jQuery’s nth-child selector matches the CSS version:

The :nth-child(an+b) pseudo-class notation represents an element that has an+b-1 siblings before it in the document tree, for any positive integer or zero value of n, and has a parent element.

A side effect of this is that it indexes from 1 rather than 0 as the other jQuery selectors:

Because jQuery’s implementation of :nth-child(n) is strictly derived from the CSS specification, the value of n is “1-indexed”, meaning that the counting starts at 1.