Bootstrap 在 ejs 中的 for 循环内折叠

Bootstrap Collapse inside for loop in ejs

这是ejs文件代码。崩溃不起作用。你能帮帮我吗？

<% for(var i=0;i<data.length;i++){%>
<div id="content">
<p><%=data[i].webTitle%></p>
<button class="btn btn-primary" type="button" data-toggle="collapse" data-target="collapseOne"+<%i%> aria-expanded="false">
    Button with data-target
</button>
<div class="collapse" id="collapseOne"+<%i%> >
    <div class="card card-body">
        <p><%=data[i].fields.bodyText%></p>
    </div>
</div>
<% } %>

你有几个问题：

要在 ejs 中将索引连接到您的 ID，您应该使用 <%= variable =>（在两个地方修复），示例：
```
 "concatIndex<%= i %>"
```
如果要按 ID 折叠项目，请使用 "#idToCollapse"（固定在一个地方），示例：
```
 "#selectorNumber<%=variable %>"
```

通过这些修复，它应该可以工作。不要忘记将 bootstrap 和 jQuery 添加到您的项目中。