Question

这非常接近工作，但我似乎无法将最后一点正确应用于具有相同索引的行的各个pathColor。

这是我到目前为止所做的：

// Set row colour based on chart colours
  $(function() {
    var paths = $('#results_donut .highcharts-series path');
    var rows = $('.result-figures table tr');
    paths.each(function(idx, element){
      var path = $(this)
      var pathColor = path.attr('fill');
      rows.each(function(idx) {
        $(this).css('color', pathColor);
      })
    });
  });

这是输出最后一个pathColor并将其应用于每一行。有谁知道如何根据索引正确地将每个路径的pathColor应用到相应的行？

Answer 1

目前，您正在更改每个路径的所有行，因此最终会得到最后一个路径的颜色。您需要根据路径索引访问正确的行：

$(function() {
    var paths = $('#results_donut .highcharts-series path');
    var rows = $('.result-figures table tr');
    paths.each(function(idx, element){
      var path = $(this)
      var pathColor = path.attr('fill');
      rows.eq(idx).css('color', pathColor);
    });
  });

Answer 2

这部分代码：

rows.each(function(idx) {
    $(this).css('color', pathColor);
})

将pathColor应用于所有rows元素......

哪里有颜色存储？如果您创建颜色数组，则可以为rows中的每个元素指定不同的颜色：

var colorsArray = // get the colors;
rows.each(function(idx) {
    $(this).css('color', colorsArray[idx]);
})

Javascript将颜色传递到表名css

2 个答案: