如何在到达 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>