分享
这是一个创建于 的主题,其中的信息可能已经有所发展或是发生改变。
下面是表格,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>
表格的代码是这样的
对js不太懂,试了好几种方法都没成功,求大神指导一下!谢谢了!
有疑问加站长微信联系(非本文作者)
入群交流(和以上内容无关):加入Go大咖交流群,或添加微信:liuxiaoyan-s 备注:入群;或加QQ群:692541889
关注微信2432 次点击
添加一条新回复
(您需要 后才能回复 没有账号 ?)
- 请尽量让自己的回复能够对别人有帮助
- 支持 Markdown 格式, **粗体**、~~删除线~~、
`单行代码` - 支持 @ 本站用户;支持表情(输入 : 提示),见 Emoji cheat sheet
- 图片支持拖拽、截图粘贴等方式上传