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

Question

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

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="style"类的 div

小盒子背景色-红色

小盒子背景色-蓝色

小盒子 bg-绿色

small-box bg-yellow ,all can change the box color.我如何动态应用它。

请帮忙。

Answer 1

使用<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>