如何在循环中动态更改div类

时间:2015-01-08 12:23:10

标签: css jsp jstl

我使用的是Spring4和JSTL。 下面显示的图像包含在JSP页面中动态创建的元素。

enter image description here

jsp页面中的代码

<c:forEach var="themes" items="${Itemlist}">
    <div  class="col-lg-3 col-xs-6"> 
            <!-- small box -->


            <div id="style" class="small-box bg-green" >


                   <!--div contents  --> 


           </div>
  </div>
</c:forEach> 

我需要用id =&#34; style&#34;更改div。动态类

小盒子bg-red

小盒子bg-blue

小盒子bg-green

小盒子bg-yellow,都可以改变盒子颜色。我怎么能动态地应用它。

请帮忙。

2 个答案:

答案 0 :(得分:2)

您可以使用<c:if>varStatus轻松解决。

<c:forEach var="themes" items="${Itemlist}" varStatus="status">
  <div  class="col-lg-3 col-xs-6"> 

  <c:set var="color" value="green"/>      

  <c:if test="${status.index == 1}">
      <c:set var="color" value="red"/> 
  </c:if>
  ...
    <div id="style" class="small-box ${color}" ></div>
  </div>
</c:forEach> 

答案 1 :(得分:-1)

这就是我最后得到的。 @ ko2ic

enter image description here