javascript - 根据他的数值更改 td 元素的背景颜色

Question

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

例如

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

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

希望这是有道理的

Answer 1

您可以遍历表格行并根据表格单元格 text == 0 的条件应用 css。

$("table td").map(function () {
  if (parseInt($(this).text()) === 0) $(this).css("background-color", "green")
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<table>
	<tr>
		<td class="tg-yw42">0</td>
		<td class="tg-yw43">1</td>
		<td class="tg-yw44">0</td>
	</tr>
</table>

ES6 方式:

$("table td").map((i, el) => parseInt($(el).text()) === 0 ? $(el).css("background-color", "green") : "")