下面是表格,tbody里面是循环数据,需求是根据ChangePercent24Hr列的元素的正负值改变颜色,比如负数显示红色,正数显示绿色。
<table border="1" id="coinmarket">
<thead>
<tr>
<th>排行</th>
<th>币种</th>
<th>币名</th>
<th>价格(美刀)</th>
<th>市值(美刀)</th>
<th>当前流通量</th>
<th>发行总量</th>
<th>24小时涨跌(%)</th>
<th>24小时交易量</th>
<th>24小时均价</th>
</tr>
</thead>
<tbody>
{{range .Data}}
<tr class="coin-tr" onmouseover="this.style.background= '#fbe8d5'" style="cursor: pointer"
onmouseout="this.style.background=''">
<td class="coin-td">{{.Rank}}</td>
<td id="symbol">{{.Symbol}}</td>
<td>{{.Name}}</td>
<td>{{.PriceUsd}}</td>
<td>{{.MarketCapUsd}}</td>
<td>{{.Supply}}</td>
<td>{{.MaxSupply}}</td>
<td id="changePercent" class="change">{{.ChangePercent24Hr}}</td>
<td>{{.VolumeUsd24Hr}}</td>
<td>{{.Vwap24Hr}}</td>
</tr>
{{end}}
</tbody>
</table>![屏幕快照 2018-12-04 上午11.50.18.png](https://static.studygolang.com/181204/6376cd7a977676eb10941e8c15597aa8.png)
表格的代码是这样的
![屏幕快照 2018-12-04 上午11.58.36.png](https://static.studygolang.com/181204/b2e343bfdb5d4050f6abdc34fe5dd52f.png)
对js不太懂,试了好几种方法都没成功,求大神指导一下!谢谢了!
有疑问加站长微信联系(非本文作者)