Bootstrap 在 ejs 中的 for 循环内折叠

Question

这是 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>
<% } %>

Answer 1

你有几个问题：

1. 要将索引连接到您在 ejs 中的 id，您应该使用 （在两个地方修复），例如：

    "concatIndex<%= i %>"
   

2. 如果要按 ID 折叠项目，请使用 "#idToCollapse"（固定在一处），例如：

    "#selectorNumber<%=variable %>"
   

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