Question

我正在开发spring MVC项目，我将数据从控制器传递到jsp页面。然后我在jsp页面中显示数据。

下面是我在JSP页面中的表行，其中我显示了数据以及我从控制器获取的对象 -

<tr>
    <th>${m.machineName}</th>
    <td>${m.Fresh_95}</td>
    <td>${m.Fresh_99}</td>  
</tr>

现在我需要做的是，如果m.Fresh_95的值大于100.00，那么我只想用红色显示此值{m.Fresh_95}，否则我不会改变颜色。这可以在jquery和jsp中做吗？

Answer 1

你可以给它一个容易查找的类，并在必要时使用jquery添加一个类......

<td class="color-changer">${m.Fresh_95}</td>

的javascript：抓取文本值并将其转换为带有基本剥离正则表达式的数字，因为我不知道它的值是多少（美元金额，任何带数字的文本等）：

$(document).ready(function(){
    $('.color-changer').each(function(){
        if(Number($(this).text().replace(/[^0-9\.]+/g,"")) > 100)
            $(this).addClass('red');
    });
});

当然给你的.red类一些css：

.red{
    color:#ff0000;
    font-weight:bold;
}

如何使用jquery根据特定条件更改值的颜色？

1 个答案: