使用JSTL为div元素添加Class

时间:2015-01-03 13:08:32

标签: javascript jquery html css jstl

我有:

<div class="col_1_of_3 span_1_of_3 ${product.getProducer().getName()} all">

和:产品清单(产品)。产品(ID,名称,价格......)

有人可以告诉我如何使用产品价格添加课程。对于产品的每个价格,分别添加一个类。

例如:产品:$ 100 =&gt;将class="lt100"添加到div。  100美元 - 200美元=&gt;将class="100to200"添加到div。我尝试使用JSTL来做到这一点:

<c:forEach items="${product.getProductSizes()}" var="item">
        <c:choose>
            <c:when test="${item.getPrice() < 100 }">
                    <!-- What now :( ??? !-->                   
            </c:when>
        </c:choose>
</c:forEach>

但我不知道下一步是什么,JSTL真的可以做到这一点?

我的英语不好。请阅读!

2 个答案:

答案 0 :(得分:2)

尝试这样的事情:

<c:forEach items="${product.getProductSizes()}" var="item">
        <c:choose>
            <c:when test="${item.getPrice() < 100 }">
               <div class="lt100"></div>
            </c:when>
            <c:when test="${item.getPrice() > 100 and item.getPrice() < 200 }">
               <div class="100to200"></div>
            </c:when>

        </c:choose>
</c:forEach>

答案 1 :(得分:1)

你不需要jstl,只需简单的字符串追加所有:

var ClassToAdd = "lt"+ ${item.getPrice()}
document.getElementsByClassName("${product.getProducer().getName()}")[0].class=ClassToAdd;