javascript - 如果数值减少或增加，如何改变数字的颜色？

Question

如果该值小于-15，我想将数字颜色更改为红色，或者如果该值是+ 15，则需要将颜色更改为绿色

广告还请告诉我我们是否可以更改之间的颜色，即 >15 和 <20

我可以这样做吗？

谢谢

Answer 1

只需根据分数添加类(class)即可

DEMO

HTML:

<table>
    <tr>
        <th>#</th> 
        <th id="positive">Positive</th>
        <th>Negative</th>
        <th>Avg. Rating</th>
    </tr>
    <tr>
        <td>12</td>
        <td>8</td>
        <td>4</td>
        <td>4</td>
    </tr>
    <tr>
        <td>12</td>
        <td>8</td>
        <td>4</td>
        <td>4</td>
    </tr>
    <tr>
        <td>12</td>
        <td>8</td>
        <td>4</td>
        <td>4</td>
    </tr>
    <tr>
        <td>12</td>
        <td>8</td>
        <td>4</td>
        <td>4</td>
    </tr>  
    <tr>
        <td>20</td>
        <td id="positiveScore">13</td>
        <td>22</td>
        <td>4.5</td>
    </tr>    
</table>

CSS:

.red {
    color: red;
}

.green {
    color: green;
}

.blue {
    color: blue;
}

jQuery:

$("#positive").addClass((parseInt($("#positiveScore").text()) >= 15) ? 'green' : (parseInt($("#positiveScore").text()) <= -15) ? 'red' : 'blue');