javascript - 使用 jQuery/JS 从 div 获取所有颜色

Question

是否可以获取某个类及其子元素中存在的所有颜色值？

例如，我有:

<div class="row client">
<a href="somepage.php" style="color:#515151;">Link1</a>
<span style="color:#f3f3f3;">Span</span>
<h3 style="color:#ff00ff;">Subtitle</h3>
</div>

我想要一个数组来获取所有颜色:

background of the parent div
color of the <a> element
color of the <span> element
color of the <h3> element

此外，我正在使用 highcharts在同一个 div 中显示图表。是否也可以获得那里使用的颜色？

我不认为我可以为你们把这个说得更清楚，

非常感谢!

工作

Answer 1

您可以使用:

var colorarray=[];
$('.client').children().addBack().each(function(){
  if(!$(this).is('.client'))
     colorarray.push("color of the <" +$(this).prop("tagName")+"> is "+ $(this).css('color'))
  else
     colorarray.push("background of <" +$(this).prop("tagName")+"> is "+ $(this).css('backgroundColor'))
})

Working Demo

如果你想要十六进制的颜色，你可以引用这个https://stackoverflow.com/a/1740716/1719752