Javascript 根据td元素的数值更改其背景色

我有一个表结构，我想根据值更改背景颜色

比如说

<td class="tg-yw42">0</td>
<td class="tg-yw43">1</td>
<td class="tg-yw44">0</td>

0
1.
0

所以，如果值为=>0，则应用绿色背景，否则保持原样

---

希望这有意义

因为您将jquery放在了标记中，下面是jquery解决方案。您可以使用

$。each（）

迭代所有

，使用

text（）

检查值，并相应地应用一个类

$（'td'）。每个（函数（）{
变量$this=$（this）
如果（$this.text（）==0）{
$this.addClass（'active'）；
}
});
.active{
背景：绿色；
}

0
1.
0
既然您将jquery放在标记中，下面是jquery解决方案。您可以使用
$。each（）
迭代所有
，使用
text（）
检查值，并相应地应用一个类


$（'td'）。每个（函数（）{
变量$this=$（this）
如果（$this.text（）==0）{
$this.addClass（'active'）；
}
});
.active{
背景：绿色；
}

0
1.
0
您可以使用jQuery选择器的
.text（）
获取任何选定元素的内容

比如说

$('td.tg-yw42').text()

将返回0（指定元素的内容）

现在，您可以将其与
.each（）
组合，它将为jQuery选择器找到的每个元素执行指定的函数

所以这个代码：

$('td').each(function() {
  var nr = $(this).text();
  /* other code */
});

将遍历所有
td
元素，并将变量nr设置为其内容。
然后，您所要做的就是使用条件来设置其背景或任何您想要的内容。
您可以使用jQuery选择器的
.text（）
来获取任何选定元素的内容

比如说

$('td.tg-yw42').text()

将返回0（指定元素的内容）

现在，您可以将其与
.each（）
组合，它将为jQuery选择器找到的每个元素执行指定的函数

所以这个代码：

$('td').each(function() {
  var nr = $(this).text();
  /* other code */
});

将遍历所有
td
元素，并将变量nr设置为其内容。
然后，您所要做的就是使用条件来设置其背景或您想要的任何内容。
您可以使用jQuery来完成

首先获取所有的
tds
：
tds=$（document）.getElementsByTagName（“td”）

然后遍历数组：

for( td of tds){
  assignColor(td);
}

 // The function giving the background color
function assignColor($element){
    switch ($element.text()){
      case '0':
        element..css("background-color", "yellow");
      default:
        break
    }
 }

您可以使用jQuery来实现这一点

首先获取所有的
tds
：
tds=$（document）.getElementsByTagName（“td”）

然后遍历数组：

for( td of tds){
  assignColor(td);
}

 // The function giving the background color
function assignColor($element){
    switch ($element.text()){
      case '0':
        element..css("background-color", "yellow");
      default:
        break
    }
 }

您可以在表格行中循环，并根据表格单元格
text==0
的条件应用
css


$（“表td”）.map（函数（）{
if（parseInt（$（this.text（））==0）$（this.css（“背景色”，“绿色”）
})

0
1.
0
您可以在表格行中循环，并根据表格单元格
text==0
的条件应用
css


$（“表td”）.map（函数（）{
if（parseInt（$（this.text（））==0）$（this.css（“背景色”，“绿色”）
})

0
1.
0
如何生成表格？CSS无法选择内容。您需要使用某种脚本。除非在生成表时可以添加基于内容的类（参见前面的注释）。@SamuelAsor我已经为表编写了html。我所需要的只是一个小小的js/jquery脚本来改变背景，但我对js几乎没有经验。你是如何生成表的？CSS不能选择内容。您需要使用某种脚本。除非在生成表时可以添加基于内容的类（参见前面的注释）。@SamuelAsor我已经为表编写了html。我所需要的只是一个小小的js/jquery脚本来改变背景，但我对jsOP的例子几乎没有经验，它是
value=0
，而不是
=0
Oops。。在OP的问题中与
=>0
混淆。感谢您指出。OP的情况是
值=0
，而不是
>=0
Oops。。在OP的问题中与
=>0
混淆。谢谢你的指点。谢谢你的快速回复，我无法浏览所有的td标签，因为其中有一些我不需要更改，因此我需要更明确，并提供实际的css类，所以。。。您想使用一组特定类来检查值，并仅将样式类应用于该特定列表中的值？感谢您的快速响应，我无法浏览所有td标记，因为其中有一些我不需要更改，因此我需要更明确，并提供实际的css类，因此。。。是否要使用一组特定类来检查值，并仅将样式类应用于该特定列表中的值？