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

Posted 2023-05-09

【中文标题】如何为数据表匹配的内容设置背景颜色

【英文标题】：how to Set background color for data table matched content

【发布时间】：2018-03-15 00:09:25

【问题描述】：

，例如进度、删除、活动、待定、... 匹配的内容没有class和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`

【问题讨论】：

这里提到了类似的东西：***.com/questions/9656774/…?

嗯，我现在才看到你说没有类或 id... 你不能添加吗？真的没有吗？奇怪...那么这个问题 9999% 肯定与 jsf 无关...不是 angularjs，不是数组，不是 jquery，也不是 spring-boot-starter，而是普通的 html/css/javascript...然后是错误的标记

【参考方案1】：

您没有为这个问题提供足够的数据，但我会尽力提供帮助，然后您可能会根据自己的需要改进它。

<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 函数来检查哪一个匹配并定义颜色。我相信在这种情况下切换得更好。

【讨论】：

Bad建议imo...如果OP可以设置span的值，他/她也可以为其添加自定义类...不需要像这样的javascript...***.com/questions/9656774/…

正如我一开始所说的，我说没有足够的数据。然后我不得不假设他可以。类不是获取元素的唯一方法，但同样是因为没有足够的数据是最简单的方法。如果他可以给我们父元素，那么我们可以定位它并使用 find('span') 再次抓取它们。我们在一起了吗？

对不起，我现在才读到 OP 没有类......奇怪......因为有一个价值......我仍然觉得 OP 无法访问某种代码和需要以这种方式修复它...

是的，如果他需要一个体面的工作答案，那么他应该提供更多数据，让我们找到目标跨度的方法;)