Twitter bootstrap默认情况下打开第一个手风琴面板

Aak*_*oel 5 jquery accordion twitter-bootstrap

我正在使用twitter bootstrap在页面上制作手风琴.我想在每个页面上打开第一个面板.这是我写的代码:

    var accordion_list = $(".prime-content .accordion-body");
    accordion_list.each(function(index, element){
      accordion_list.addClass(index == 0 ? "in" : "");
    });
Run Code Online (Sandbox Code Playgroud)

然而,这是在所有元素中添加"in"类.需要修复什么?

kap*_*pex 6

您正在将类添加到整个accordion_list元素集合中,但您需要将其添加到当前迭代的元素中.

$(".prime-content .accordion-body").each(function(index, element){
  $(element).addClass(index == 0 ? "in" : "");
});
Run Code Online (Sandbox Code Playgroud)

如果你在循环中没有做任何其他事情,你也可以缩短它:

accordion_list.first().addClass("in");
Run Code Online (Sandbox Code Playgroud)

  • 第一个解决方案是错误的,因为它是HTMLElements的集合!第二个工作了.谢谢.:) (2认同)