更改html类第一项后雨果循环



我正在使用Bootstrap和Hugo制作一个评论轮播,我已经有了这样的代码:

{{ range seq 1 3 (len site.Data.reviews) }}
...
{{ range seq . (add . 2) }}
{{ with (index site.Data.reviews (string .)) }}
{{ .des }}
{{ end }}
{{ end }}
...
{{ end }}

这里有两个循环,一个为旋转木马制作幻灯片,另一个用数据文件填充幻灯片。问题是我需要删除活动类并调整接下来几张幻灯片上的data-bs-interval输入,我想制作一个if语句,但我不确定如何将第一个div替换为一个没有活动类的div。

我不知道这是否是最好的解决方案,而不是编辑循环我写了一点javascript:

var addActive = document.getElementById('carouselExampleDark').getElementsByClassName('carousel-item')[0];
addActive.classList.add("active");

这对于我的用例是有效的,所以我就把它留在这里。

最新更新