javascript - 如何将颜色插入数据表(td)

Question

<script>
function data_table(){
 $("#table_test").DataTable({
 bDestroy: true, processing: true,
 ajax: {type: "POST",url: "file",data: {date:date},
 dataSrc: function (data) {
            var return_data = new Array();
            $(data).each(function(key, value ) {
                return_data.push({
                    "name": value.name ,"col1": value.col1 ,"col2": value.col2 ,"col3": value.col3 ,
                    "col4": value.col4 ,"col5": value.col5
                });
            });
            return return_data;
    }// End dataSrc
  },"columns" : [
    {"data": "name"},{"data": "col1"},{"data": "col2"},
    {"data": "col3"},{"data": "col4"},{"data": "col5"}
]
 });
}
</script>

W =白色

BL =黑色

R =红色

B =蓝色

从图片


  test1-> column1值W，column2值W，column3值W column4值
  BL和column5值R
  
  test2-> column1值BL，column2值B，column3值B column4
  值B和列5值B


我想按字母顺序将不同的背景色添加到列中。

样本：test1 column5值R将列背景色设置为红色（td）。

Answer 1

您可以尝试使用jQuery并向每个td应用一个函数，然后根据您更改颜色的内容。

$('td').each(function() {

  var v = $(this).html();

  if (v == "R")
    $(this).css("background-color", "red");
  else if (v == "B")
    $(this).css("background-color", "blue");
  else if (v == "G")
    $(this).css("background-color", "green");


})

td {
  padding: 20px;
  color: #fff;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<table>
  <tr>
    <td>R</td>
    <td>G</td>
    <td>B</td>
  </tr>
  <tr>
    <td>B</td>
    <td>B</td>
    <td>R</td>
  </tr>
</table>