Datatable - 将表格单元格内的 css 分配给其他表格单元格

Question

我正在使用datatables plugin。 我的表包含一个列名 css，其中包含该行中列的 css。
例如，数据库中的表如下，

 Name   Priority   Percent    CSS 
--------------------------------------------------------- 
 abc    high       50         .priority{color:red}    .percent {color:yellow}
 xyz    low        70         .priority{color:green}  .percent {color:green}
 pqr    medium     10         .priority{color:yellow} .percent {color:red}

现在在显示数据表时，我不想包含 css 列，但我想在特定单元格上应用 css。 我正在尝试实现以下目标，

$('#example').dataTable({              
    "fnRowCallback": function (nRow, aData, iDisplayIndex, iDisplayIndexFull) {  
         $(row).children().each(function(index, td){
             // perform operation here
         });
    return nRow;
    }
 

我不明白如何使用来自同一行的 <td> 的 css 为特定的 <td> 添加 css。

请帮忙

Answer 1

它未经测试，但可能对您有用。在文档就绪处理程序中使用它。

$("td:contains('high')").css({"color":"red"});
$("td:contains('high')").next('td').css({"color":"yellow"});

同样适用于其他 tds：

$("td:contains('low')").css({"color":"green"});
$("td:contains('low')").next('td').css({"color":"green"});

和

$("td:contains('medium')").css({"color":"yellow"});
$("td:contains('medium')").next('td').css({"color":"red"});

如果这可以解决或有帮助，请尝试此操作。