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

Question

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

我现在有了:

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

但是我希望这节课最后只是在最后一节...

#{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>