如果值减少或增加,如何更改数字的颜色?

时间:2014-06-20 08:50:27

标签: javascript jquery

enter image description here

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

广告也请告诉我们是否可以更改其间的颜色,即> 15< 20

我能这样做吗?

由于

1 个答案:

答案 0 :(得分:0)

根据分数添加课程

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');