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

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" class 动态更改 div

small-box bg-red

small-box bg-blue

small-box bg-green

small-box bg-yellow ,都可以改变框 colour.How 我可以动态应用吗

请帮忙。

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>

Answer 2

这是我终于得到的。 @ko2ic

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

How to change a div class dynamically in a loop

css

jsp

jstl