jquery - How to highlight a menu link when clicked?

Question

I have a menu with links. The links are placed inside a table. Each link is placed in a . I want to change the background color of the

Answer 1

Create a class called .highlight and set it with the desired background color, then just add/remove the class accordingly: http://jsfiddle.net/DdG8m/4/

$(function() {
    $('#mainMenu td').click(function(e) {
        $('#mainMenu td').removeClass('highlight');
        $(this).addClass('highlight');
    });
});

​note: you will need to use !important on your .highlight class to override any default ones.