Question

我正在使用jQuery模板来显示记录。代码是

<script id="SalesTemplate" type="text/x-jquery-tmpl"> 
<form id="enterForm" action ="">
        <tbody>
            {{#each items}}
             <tr class="row{{* { res += ($Number % 2);  } }}">
                 <!--td>{{=rId}}</td-->
                 <td>{{=company}}</td>
                 <td>{{=colorLabel}}</td>
                 <td>{{=dueDate}}</td>
             </tr>
            {{/each}}    
        </tbody>           
    </table>         
</form>

我想要做的是，如果colorLabel值为红色，我想要用红色写入的值，如果它是绿色，则用绿色字体书写。任何想法我怎样才能做到这一点？谢谢

Answer 1

这将遍历所有单元格，并检查文本。如果文本值为“红色”，则会将字体颜色更改为红色。如果文本值为“绿色”，则会将字体颜色更改为绿色。

$('table td').each( function(){
    if ( $(this).html() == 'red' ) {
       $(this).css("color", "red");
    } else if ( $(this).html() == 'green' ){
       $(this).css("color", "green");
    }
});

Answer 2

您还有颜色十六进制或rgb值吗？然后你可以这样做：

<td style="color:{{=colorValue}}">{{=colorLabel}}</td>

如果没有，您可以尝试使用colorLabels与css color names匹配并执行此操作：

<td style="color:{{=colorLabel}}">{{=colorLabel}}</td>

或者，您可以将colorLabel设置为class并在css中设置颜色：

<td class="{{=colorLabel}}">{{=colorLabel}}</td>

的CSS

td.red{
    color:#f00;
}
td.blue{
    color:#00f;
}
...

将CSS应用于模板字段

2 个答案: