jQuery Get Elements Color ?

Question

Hi Guys,

I have the follow HTML

<div>This is some <span>special <a href="#">text</a></span> and it's super</div>

And CSS

span {color:#333;}
a {color:#777;}
a:hover {color:#AAA;}

I am wondering what I can use to setup a function that I can extract the color of the <a> and <a>:hover elements?

Thanks

Answer 1

Have a look at the .css documentation here

Answer 2

To get the color CSS attribute of all the elements you can use JQuery's css() function:

$('a').each(function(index) {
               alert( $(this).css('color') );
             });​​​​

This will iterate through all the anchor elements on the page and tell you the CSS color attribute thereof.

Answer 3

Use the .css() selector on the element you want to retrieve.

In your example:

var theColorIs = $('a').css("color");