javascript - 使用 javascript 有条件地为特定列单元格设置颜色

Question

下面有这个 javascript，我尝试将单元格中的值的颜色有条件地设置为与该列的背景颜色相同(如果它等于 0):

$(function(){
  var columnindex = $('th:contains("Q1 Spells")').index();

if(columnindex != -1)
  {
      $('tr').each(function() {
          var column = $('td', this).eq(columnindex);

          switch (column.text())
          {
              default:
                  column.css({backgroundColor: '#FF0000'});
                  if(column.value === 0) {
                      column.css({color: '#FF0000'});
                  }
                  break;
          }
      });
  }
)};

我似乎无法让它适用于单元格颜色(背景设置工作正常) - 我如何实现这一点？

Answer 1

尝试:

if(columnindex === 0) {
    column.css("color", "#FF0000");
}

如果这不起作用，请检查是否有 CSS 声明在某处覆盖了它，例如使用 !important。

还要验证是否有子 HTML 元素的样式覆盖了列的 css 颜色。