0

我正在使用数据插件。我的表包含一个列名 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>使用<td>同一行的 css 添加 css。

请帮忙

4

1 回答 1

0

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

$("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"});

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

于 2012-12-13T11:55:56.873 回答