Javascript 动态地将不同的类添加到colapsable选项卡

您好，我有一个简单的for循环，它在我的对象中循环并在可折叠的选项卡中打印它们，但是因为我打印了多个选项卡，所以我需要更改每个选项卡的类，以便它们不会相互干扰

<div class="panel-group" id="accordion">
<div class="panel panel-default">
  <div class="panel-heading">
    <h4 class="panel-title">
      <a data-toggle="collapse" data-parent="#accordion" href="#collapse1">Collapsible Group 1</a>
    </h4>
  </div>
  <div id="collapse1" class="panel-collapse collapse in">
    <div class="panel-body">Lorem ipsum dolor sit amet, consectetur adipisicing elit,
    sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
    quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</div>
  </div>
</div>

Lorem ipsum dolor sit amet，奉献精英，
这是临时性的劳动和就业机会。我们在这里吃得很少，
我们的实验室是一个普通的实验室。

我想更改，以便每个选项卡都有不同的id“collapseNumber”和对应于该类“#collapseNumber”的href。所以我所有打印的标签都有“collapse1，collapse2，collapse3，…”之类的类

---

现在的问题是循环打印id为“collapse1”的同一个选项卡，我希望其他选项卡都有自己的选项卡，这样当我打开第一个选项卡时，其他选项卡也不会这样做。

您可以使用循环计数器或id为的索引追加。。你试过了吗？你能告诉我们你到目前为止试过什么吗。。。到目前为止，您刚刚直接从BootStrap的手风琴复制并粘贴了一个片段，我希望我们从头开始编写您的脚本？我没有任何代码，只有for循环，它尝试了我所有的产品。我将尝试在那里使用idA进行索引附加。。。无论如何，我也支持David，如果不知道如何生成此代码，很难告诉您如何修复它。例如，它是使用Javascript在客户端生成的，还是使用PHP在服务器端生成的。如果它是在客户端用Javascript生成的，那么文本就不会被“打印”。我将假设它与jQuery一起使用，因此，在for循环中，可以使用循环中使用的迭代器变量使其添加href和id。如果是“i”，则以适当的格式将其添加到ID和HREF标记中？好的，在将此部分添加到可折叠选项卡“”的循环部分，添加一个字符串转义，这样您就可以在“”中执行此操作，而不是在另一部分“”中执行此操作。如果看不到实际生成代码的部分，我无法进一步帮助您，只是有太多的可能性可以做到这一点。