How to click on a link and get its color?

Question

OK, so this sounds simple, using jquery's 'click' function.

The thing is I want the ORIGINAL color of the link NOT its hovered color - e.g. if the link is green with a hover state of orange, I wat to grab the GREEN color.

I've tried as best as I can and shown it in a fiddle

Anyone got any ideas?

EDIT: apologies, but as a number of eagle eyes have spotted (thanks to them for pointing it out) green is actually "rgb(0, 128, 0)", NOT rgb(0, 255, 0) as shown in my original fiddle.

Answer 1

Store it in jQuery's data object:

$('a').each(function() {
    $(this).data('color', $(this).css('color') );
})
.click(function() {
    alert( $(this).data('color') );
});

Here's your fiddle: http://jsfiddle.net/sVDYe/4/

---

For better performance, I'd use the static methods in the loop. They're much faster:

$('a').each(function() {
    $.data(this, 'color', $.css(this, 'color') );
});

Here's the fiddle: http://jsfiddle.net/sVDYe/13/

Answer 2

Try like this

http://jsfiddle.net/dadviegas/hfHBh/

Answer 3

Try below approach..

DEMO: http://jsfiddle.net/sVDYe/33/

$("a").click(function(e) {
    e.preventDefault();
    var tmpLink =$(this).clone();
    tmpLink.appendTo($(this).parent());    
    var acolor = tmpLink.css("color");
    tmpLink.remove();

    if (acolor == 'rgb(255, 165, 0)') {
        alert('wrong color - its ORANGE =' + acolor);
    } else if (acolor == 'rgb(0, 128, 0)') {
        alert('CORRECT color - its GREEN =' + acolor);
    }
});

As pimvdb pointed out.. Green is RGB(0,128,0)

Answer 4

You can handle the color change using Jquery instead of css and store it:

http://jsfiddle.net/sVDYe/20/

var hoverColor;

$("a").hover(function () {
  hoverColor = $(this).css("color");
  $(this).css("color", 'orange');
}, function () {
  $(this).css("color", 'green');
});

$("a").click(function (e) {
  e.preventDefault();
  var acolor = hoverColor;
  if (acolor == 'rgb(255, 165, 0)') {
    alert('wrong color - its ORANGE =' + acolor);
  } else if (acolor == 'rgb(0, 128, 0)') {
    alert('CORRECT color - its GREEN =' + acolor);
  }
});

Also green is

rgb(0, 128, 0)