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

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

HTML代码:

   <s:iterator value="colorConfigList" status="st" var="var">    
        <div id="legend">
          <div style="height:12px;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>
      });

显示效果:

原文地址:https://www.cnblogs.com/limeiky/p/6008560.html