Html渲染 让从后台传来的值改变那个li的背景颜色

假设

 ${a}=0  , ${b}!=0
<ul>
    <li>${a}</li>
    <li>${b}</li>
</ul>

把值为0的li背景渲染成绿色,显示改变为“未预约”
跪求完整代码

js版本


<ul id="ul">
    <li>0</li>
    <li>1</li>
</ul>
<script>
    var lis = document.getElementById('ul').getElementsByTagName('li');
    for (var i = 0; i < lis.length; i++) {
        if (lis[i].innerHTML == '0') {
            lis[i].style.backgroundColor = 'green';
            lis[i].innerHTML = '未预约';
        }
    }
</script>

其实你服务端直接设置就好,不需要客户端js脚本,不懂你用的什么语言,好像是java之类的,不懂java。。。下面是asp的

 <ul id="ul">
    <li<%
        if a="0" then response.write "style='backgroundcolor:green'"
        %>><%
        if a="0" then response.write "未预约"
        %></li>
    <li<%
        if b="0" then response.write "style='backgroundcolor:green'"
        %>><%
        if b="0" then response.write "未预约"
        %></li>
</ul>

这个效果网上有现成的代码,楼主自己找找吧

你好像用的是AngularJS ?
这样的话在JavaScript里面再引用一次Angular,进行一次If判断,

if( {a} == 0 ){
var gre = $("li : first") .css("style-color","green");
}