problem description

the table is as follows

< table id= "coinmarket" > < thead > < tr > < th > ranking < / th > < th > currency < / th > < th > currency name < / th > < th > Price (USD) < / th > < th > Market capitalization (USD) < / th > < th > current turnover < / th > < th > Total issuance < / th > < th > 24-hour ups and downs (%) < / th > < th > 24-hour trading volume < / th > < th > 24-hour average price < / th > < / tr > < / thead > < tbody > {{range .Data}} < tr class= "coin-tr" onmouseover= "this.style.background="- sharpfbe8d5"" 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 > {{end}} < / tbody > < / table >

demand is based on the table table, the eighth column of the number positive or negative change the color of the number display. For example,

the environmental background of the problems and what methods you have tried

golang is used in the background, and an array is passed to the front end, which needs to show the elements all the time. I don"t know much about js. I tried several methods but failed. I don"t know how to find all the elements in that column in the table table.

related codes

{{.ChangePercent24Hr}}</td>
                        <td>{{.VolumeUsd24Hr}}</td>
                        <td>{{.Vwap24Hr}}</td>
                    </tr>
                {{end}}
                </tbody>
            </table>

I hope that all the positive numbers in the 24-hour up and down column will show red and the negative numbers will show green.

I don"t know much about js. I tried several methods without success. I would appreciate it under the guidance of God here. Thank you!