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>
      });

顯示效果：