Jquery Question - select and change background color of all hyperlinks save link clicked

Question

Hi guys, need a quick help here. I have a series of hyperlinks all with the same class name. I want that when I click on anyone of the links - the background colors of all the other hyperlinks change except the link I have clicked.

Answer 1

$('.className').click(function() {
    $('.className').not(this).css('backgroundColor', '#ccff00');
});

Answer 2

Another option here.

Jquery Visited Plugin

Define a CSS class "visited". And then..

$('#sidebar a').visited().addClass('visited');

Answer 3

$("a").onclick(function () {
  $(this).css("color");
});

With jQuery you can alter the CSS settings directly - so just build a function, choose a trigger (onclick, mouseover etc.) and you can alter the CSS settings...

Answer 4

I would create another class that has the new background color and apply it to all except the one that was just clicked.

$('.first_class').click(function(){
  $('.first_class').not(this).addClass('new_class')
});