2010-07-12 65 views
23

我有如下HTMLjQuery獲取元素的顏色?

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

和CSS

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

我想知道我可以用它來建立一個功能,我可以提取<一個>和<一個>的顏色:懸停元素?

感謝

回答

39

對要檢索的元素使用.css()方法。

在您的例子:

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

將在返回RGB顏色。

+0

哦,非常感謝。虐待檢查出來 – Tom 2010-07-12 06:36:11

+0

nps。不要從字面上理解我的例子 - 我的例子實際上會返回一個'a'元素的集合。只需將其修改爲您的使用。 – RPM1984 2010-07-12 06:42:03

+0

嘿只是想知道 - 我會怎麼做這個多元素?即var theColorIs = $('a').css(「color」,「font-size」);因爲這似乎不起作用? – Tom 2010-07-12 07:12:47

1

要得到所有你可以使用jQuery的CSS元素的顏色CSS屬性()函數:

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

這將通過網頁上的所有錨元素進行迭代,並告訴你其CSS屬性。

+0

嘿只是想知道 - 我將如何做到這一點的多個元素?即var theColorIs = $('a').css(「color」,「font-size」);因爲這似乎不起作用? – Tom 2010-07-12 07:48:51

+1

如果您將第二個參數傳遞給css(),它將設置指定的css屬性。例如,要將顏色更改爲綠色,您可以說: $('a').css('color','green') 如果要訪問元素的多個CSS屬性,您將擁有多次調用css(): $('a').css('color); $('a')。css('font-size'); 欲瞭解更多信息,請閱讀其他答案:) – Josiah 2010-07-12 08:08:08