在 Hugo 循环中的第一项之后更改 html 类答案

【问题标题】：Changing a html class after the first item in a Hugo loop在 Hugo 循环中的第一项之后更改 html 类
【发布时间】：2022-07-01 01:48:51
【问题描述】：

所以我正在使用 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生成的内容中的活动类。

【问题讨论】：

标签： go hugo

【解决方案1】：

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

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

这适用于我的用例，所以我将保留它。

【讨论】：