javascript - 更改数据表单元格背景函数

Question

返回 datatable 的数据后，我希望能够使用名为 changeCell() 的函数根据单元格数据更改单元格背景颜色。

function changeCell(day)
{
  if(day == "SPAIN")
  {
    return $(nTd).css({'background-color': '#33CC33'});
  }
  if(day == "NEW YORK")
  {
    return $(nTd).css({'background-color': '#AFD645'}); 
  }
  // and so on
}

这是数据表(尽可能简化):

$.ajax({
  url: 'process/getData.php',
  type: 'POST',
  data: data,
  dataType: 'html',
  success: function(data, textStatus, jqXHR){
    var jsonObject = JSON.parse(data); 
    var table = $('#example1').DataTable({  
      "data": jsonObject,
      "columns": [ 
        {
          "data": "DAY_MON",
          "fnCreatedCell": function (nTd, sData, oData, iRow, iCol)
          {
            changeCell(oData.DAY_MON); // function call here
          }
        }
      ]
    });
  },
  error: {
    // bunch of error stuff
  }
});

然而，当我调用该函数时，出现以下错误:

Uncaught ReferenceError: nTd is not defined

我假设错误是因为该函数无法识别 nTd，但 nTd 是我需要返回到 数据表的内容。

如何让这个功能发挥作用？

Answer 1

由于 nTd 不在您的 changeCell 函数的范围内，您必须像其他参数一样将它作为参数传递给它:

"fnCreatedCell": function (nTd, sData, oData, iRow, iCol) {
    changeCell(nTd, oData.DAY_MON);
}

然后您将函数的定义更改为:

function changeCell(nTd, day) {
    // ...
}