zoukankan      html  css  js  c++  java
  • 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>
          });

    显示效果:

  • 相关阅读:
    谈谈SpringFramework与IoC依赖查找
    监控微博、论坛的“棱镜计划”
    输出质数的方法改进
    参数解构
    直接插入排序
    理解迭代
    异常处理
    函数
    continue语句
    break语句
  • 原文地址:https://www.cnblogs.com/limeiky/p/6008560.html
Copyright © 2011-2022 走看看