Js获取后台集合List的值并操作html

 

功能：将后台传到前端JSP的List中的float型数值转换为百分比显示

HTML代码：

   <s:iterator value="colorConfigList" status="st" var="var">    
        <div id="legend">
        　　<div style="height:12px;width:12px;border:1px solid gray;float:left;margin-top:4px;">&nbsp;</div>//图例
              <div class="alarmValue" style="float:left;">&nbsp;</div>//数值
        </div>
   </s:iterator>

JS代码：

　　$(".alarmValue").each(function(){
            <c:forEach items="${colorConfigList}" var="item" varStatus="status" >  
            　　var value = ${item.value}; //传递过来的是int或float类型，不需要加引号  
            　　var id = "${status.count}";//加引号
            　　$("#legend div:eq("+(id*2-1)+")").html("&nbsp;"+value*100+"%");
            </c:forEach>
      });

显示效果：