获取应用于元素的css类的背景颜色

Question

说,我有以下CSS类:

.upComing{ background:#ccc; font-weight:bold; }

在我的HTML中,我有一个表,其中某些行应用了该类,如下所示:

<table>
  <tr> <td></td> <td></td> </tr>
  <tr> <td></td> <td></td> </tr>
  <tr class='upComing'> <td></td> <td></td> </tr>
  <tr> <td></td> <td></td> </tr>
  <tr class='upComing'> <td></td> <td></td> </tr>
</table>

到目前为止,这么好,但是通过JavaScript我有事件听td点击,我想得到行的颜色(我知道我可以得到行的类,但在这种情况下,我需要能够得到来自班级的颜色).

我需要这样做,因为表可以导出到excel文件,如果它们在CSS类上,行颜色不会应用于excel文件,我想在发送html之前将这种颜色应用于每个td到excel发电机.

PS:这个表是从我们创建的jQuery插件动态生成的,它仍然是一个正在进行中的工作,但是当我们对它充满信心时,我们将为公众发布它.

- 更新 - 这是关于这个主题的更新,确实有一个纯粹的javascript解决方案,我不得不深入研究jQuery的源代码来检查这一点.这是解决方案:

1)指向所需的元素

var tr = $("tr.upComing").first()[0]; 

2)获得元素的COMPUTED STYLE

var css = window.getComputedStyle( tr );

3)获得COMPUTED STYLE的属性值

var color = css.getPropertyValue( "background-color" );

到目前为止,我只在Mac上测试了FF,Safari,Chromium和Opera,如果有人可以在IE上尝试这个并给我们反馈意见,那将是非常棒的.

Answer 1

您可以使用jquery CSS方法从元素中获取背景颜色:http://api.jquery.com/css/

var color = $(this).css("background-color");