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

Javascript 如果数值减少或增加,如何更改数字的颜色?,javascript,jquery,Javascript,Jquery,如果值小于-15,我想将数字改为红色;如果值为+15,我需要将数字改为绿色 广告也请让我知道我们是否可以改变中间的颜色,即>15和只需根据分数添加一个类 HTML: <table> <tr> <th>#</th> <th id="positive">Positive</th> <th>Negative</th> <th&g

如果值小于-15,我想将数字改为红色;如果值为+15,我需要将数字改为绿色


广告也请让我知道我们是否可以改变中间的颜色,即>15和只需根据分数添加一个类

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>
.red {
    color: red;
}

.green {
    color: green;
}

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

<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>
.red {
    color: red;
}

.green {
    color: green;
}

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

$(“#positive”).addClass((parseInt($(“#positiveScore”).text())>=15?“绿色”:(parseInt($(“#positiveScore”).text())都很好。你尝试了什么?同样,我建议你至少添加伪代码。不,这是psd设计。我的jquary代码不起作用。你能帮我吗?给我们看看你的“jquary”代码。如果是在页面加载,则非常简单。在页面加载时,根据范围添加/删除css类。如果值正在更改,请不要忘记在选择器之后添加.live。@user3718333
。live
已被弃用。这里没有事件,因此我不知道此代码如何仅对单个元素起作用。您能使它对所有数字都起作用吗(同时请删除那些难看的重复)?嗨,谢谢你的回答,但我需要更改非标题数字的颜色。如果数字小于15,该数字将变为红色。谢谢哪个数字?请具体说明