Question

I normally tag the first TD in a form row with a “header” class and the adjacent TD with the “data” class.

Instead of writing all this in the HTML I use the following jQuery:

$("tr").find("td:eq(0)").addClass("header");
$("tr").find("td:eq(1)").addClass("data");

Is this efficient?

Answer 1

It would be quicker and more efficient to use css. The following css would have the same effect.

td:first-child {background-color:blue;}
td:first-child + td {background-color:yellow;}

Also depends on how large your table is obviously.