javascript - 如何使用 jQuery 设置 div 样式？

Question

  <c:forEach items="${list}" var="item">
    <div class="block" id="${item.id}" style="background: black"></div>
</c:forEach>

是否有可能样式 div 取决于当前 item.id避免 jsp <c:choose> <c:when test="${ item.num == 0}">首次加载页面时在 div 中？

item.num可以是 1 或 0。

需要这样的东西:

 if(item.num==0){
    style="background: black"
    }else{
    style="background: transparant"
    }

Answer 1

为什么不简单地使用三元运算符呢？这里不需要 jQuery...

<c:forEach items="${list}" var="item">
    <div class="block" id="${item.id}" style="background: ${item.num==0?'black':'white'}"></div>
</c:forEach>

更新

如果你想正确地做到这一点，尽量避免内联样式，而是添加一个 css 类。因此，您可以在单独的文件中轻松定义样式。

<c:forEach items="${list}" var="item">
    <div class="block block-${item.num==0?'black':'white'}" id="${item.id}"></div>
</c:forEach>

以及相应的css文件。

/** myApp.css */
.block-black {
    background: black;
}
.block-white {
    background: white;
}

更新2

另一种解决方案可能是将结果保存到变量。

<%-- save result to variable (${itemBackground}) for better reusability -->
<c:forEach items="${list}" var="item">
    <c:set var="itemBackground" value="${item.num==0?'black':'white'}">
    <div class="block ${itemBackground}" id="${item.id}"></div>
</c:forEach>