Come fare clic su un link e ottenere il suo colore?

Question

OK, quindi sembra semplice, utilizzando la funzione "clic" di jQuery.

Il fatto è che voglio il colore originale del collegamento non il suo colore è passato il mouse - per esempio se il collegamento è verde con uno stato di passaggio del mouse di arancione, I wat per afferrare il colore VERDE.

Ho provato come meglio che posso e mostrato in un fiddle

Chiunque ha ottenuto tutte le idee?

EDIT: scuse, ma come una serie di occhi d'aquila hanno individuato (grazie a loro per segnalarlo) verde è in realtà "rgb (0, 128, 0)", NON rgb (0, 255, 0) come mostrato nel mio violino originale.

Answer 1

conservarlo in jQuery's data oggetto:

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

Ecco il suo violino: http://jsfiddle.net/sVDYe/4/

---

Per ottenere migliori prestazioni, userei the static methods nel ciclo. They're much faster:

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

Ecco il violino: http://jsfiddle.net/sVDYe/13/

Answer 2

verifica questo funzionerà di sicuro

<script> 
    $("a").click(function() { 
     $(this).toggleClass("colorclass"); 
    }); 
</script> 

Answer 3

Prova sotto approccio ..

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); 
    } 
}); 

Come pimvdb rilevare .. Il verde è RGB(0,128,0)

Answer 4

Prova come questo

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

Answer 5

È possibile gestire il cambiamento di colore utilizzando jQuery al posto di CSS e conservarla:

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); 
    } 
}); 

.210

anche il verde è

rgb (0, 128, 0)