如何在达到ui：repeat的最后一项时有条件地设置样式类？

Question

我希望在div上有一个类，如果它是我重复的最后一个。

我现在有：

<ui:repeat value="#{myCollection}" var="item"  varStatus="status">
<div class="last">#{item.text}</div>
</ui:repeat>

但是我希望课程最后只是在最后一个div ...

#{status.last}

是真的，如果它是最后一个div。但是我怎样才能把课程带到div？

Answer 1

解决方案1，如果您可能无法与IE8兼容：

不要在JSF中这样做，这打破了使用CSS将样式与数据隔离的目的。

您可以在CSS文件中执行此操作：

.normalClass:last-child {

}

解决方案2：

<ui:repeat value="#{myCollection}" var="item"  varStatus="status">
<div class="#{status.last?'last':''}">#{item.text}</div>
</ui:repeat>