动态地向可缩放选项卡添加不同的类

时间:2016-02-25 13:15:33

标签: javascript jquery html twitter-bootstrap

你好我有一个简单的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>

我想要更改,以便每个选项卡都有不同的ID“collapseNumber”和一个对应于该类“#collapseNumber”的href。所以我所有打印的标签都有类似“collapse1,collapse2,collapse3,......”的类

现在的问题是循环打印ID为“collapse1”的相同标签,我希望其他人拥有自己的标签,这样当我打开第一个标签时,其他人也不会这样做。

0 个答案:

没有答案