how to exclude second column from selector

Question

Hello,

my question is how I can change the selector so that it wil exclude the second column off the hover event

I did try some other variations like nth-child, but no luck yet. Could there be something wrong with the syntax maybe??

$('.row_class td:not(:eq(1))').hover(

thanks, Richard

Answer 1

$('.row_class td:first-child').hover(

Answer 2

Try this:

$('tr.row_class td:not(:nth-child(2))').hover(function() {
    $(this).css('color','red');
}, function() {
    $(this).css('color','black');
});

It works for me.

By the way, class selectors are slow. If you know .row_class will only be applied to <tr> elements, you should make the selector be tr.row_class like in my example. Just a free tip. :)