如何为数据表匹配的内容设置背景颜色

时间:2017-10-03 17:56:30

标签: jquery angularjs arrays jsf spring-boot-starter

如何为数据表匹配的内容设置背景颜色,例如进度,删除,活动,待定,...... 匹配的内容没有类和ID。

示例:

<span class="" >progress</span>--> bg color:green
<span class="" >Delete</span>--> bg color:red
<span class="" >Active</span>--> bg color:orange
<span class="" >pending</span>--> bg color:blue`

1 个答案:

答案 0 :(得分:0)

你没有提供足够的数据来解决这个问题,但是我会尽力帮助你,然后你可以根据自己的需要改进它。

<span class="asd" >progress</span>
<span class="asd" >delete</span>
<span class="asd" >active</span>
<span class="asd" >pending</span>

var y = $('.asd').length;
for(x=0; x<y; x++){
  if($('.asd').eq(x).text() == "progress"){
    $('.asd').eq(x).css('background-color','green');
  }
}

你可以添加更多if else或switch函数来检查哪一个匹配并定义颜色。在这种情况下我更好地切换。