js如何根据table里面数字正负改变文字的颜色

ElonJelinek · · 965 次点击 · 开始浏览    置顶
这是一个创建于 的主题,其中的信息可能已经有所发展或是发生改变。
下面是表格,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不太懂,试了好几种方法都没成功,求大神指导一下!谢谢了!

有疑问加站长微信联系(非本文作者)

入群交流(和以上内容无关):加入Go大咖交流群,或添加微信:liuxiaoyan-s 备注:入群;或加QQ群:1006366459

965 次点击  
加入收藏 微博
暂无回复
添加一条新回复 (您需要 登录 后才能回复 没有账号 ?)
  • 请尽量让自己的回复能够对别人有帮助
  • 支持 Markdown 格式, **粗体**、~~删除线~~、`单行代码`
  • 支持 @ 本站用户;支持表情(输入 : 提示),见 Emoji cheat sheet
  • 图片支持拖拽、截图粘贴等方式上传