在pug迭代中向class添加类

Question

我需要一些帮助，为这个PUG迭代添加一个类，选择任何一个li项元素。不确定我是否接近这个错误。

each val, index in ['one', 'two', 'three']
    li
        a(href='#')= val

所需输出

<ul>
    <li class="foo"><a href="#">One</a></li>
    <li><a href="#">Two</a></li>
    <li><a href="#">Three</a></li>
</ul>

Answer 1

您可以在li元素的属性列表中使用三元运算符执行此操作：

each val, index in ['one', 'two', 'three']
    li(class= (index === 0 ? "foo" : undefined))
        a(href='#')= val

但是，如果问题情况允许，我建议使用CSS伪类（例如:first-child）以更清晰的方式实现此目的：）