Question

If I have more than one table on a page, and I try coloring the odd rows, jQuery seems to merge the entire group of TRs (from all tables) together when it does its determining of which rows are odd.

See example: http://jsfiddle.net/ryjennings/KNmuQ/5/

Is there a way to stop jQuery from doing this and treat each table separately?

Answer 1

You could do this instead:

$(document).ready(function() {
    $("table").find("TR:even").addClass("odd");
});

Basically, your original selector was grabbing a group of all of the tr elements contained within tableelements on the page, which was all of them, and then taking every other one of that huge set. The new series of selectors first creates a group of all the tables and then a sub group of the rows within each table and then takes every other one of the rows in each sub group.