如果值大于20％，则在行中闪烁td单元格背景

问题描述

我有下面的代码，其中整个tr bgcolor闪烁，但如果它包含大于20％的值，我想连续闪烁td元素的背景颜色。请帮忙。

I have below code where whole tr bgcolor is blinking but I want to blink background color of td element in a row if it contains value greater than 20%. Any help, please.

<table border="2 px">
<tr>
  <td id="x" >2%</td>
  <td>30%</td>
  <td>322%</td>
</tr>
<tr class="invalid">
  <td >10%</td>
  <td>322%</td>
  <td>32%</td>
</tr>
</table>

Javascript：

Javascript:

var test = document.getElementById ( "x" ).innerText;
if test > 10 {
document.getElementById("x").style.backgroundColor='red';
}

表中的一个tr：

One tr from the table:

<tr>
	<td style=""><?php echo $array1[array_keys($array1)[3]];?></td>
	<td style="	"><?php echo $array_step1[array_keys($array_step1)[3]];?></td>
	<td <?php echo "style='background-color:{$color3};' "; ?>><?php echo $change[array_keys($change)[3]];?>%</td>
	<td style=""><?php echo $array_step2[array_keys($array_step2)[3]];?></td>	
	<td <?php echo "style='background-color:{$color7};' "; ?>><?php echo $change1[array_keys($change1)[3]];?>%</td>
</tr>

我尝试了什么：



尝试使用小javascript来改变背景颜色。



我创建了

What I have tried:

Tried with small javascript to change background color.

I have created

jsfiddle

。

推荐答案

这篇关于如果值大于20％，则在行中闪烁td单元格背景的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！