Question

我想使用jQuery向面板标题添加一个类，但我无法做到。

jQuery(".panel-deafult").each(function (index) {
    jQuery(this).children(".panel-heading:first").addClass("active");
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="panel-default">
  <div class="panel-heading">
    <h3 class="panel-title">
      <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion1" href="#collapseOne1">Lorem ipsum dolor sit amet<i class="fa fa-angle-right pull-right"></i></a>
    </h3>
  </div>
</div>

Answer 1

您需要的是面板标题的click事件，以添加活动类。有点像：

$('.panel-heading').click(function() {
  $(this).addClass('active');
});

Answer 2

似乎你要做的就是将'active'类添加到每个手风琴选项卡的第一个手风琴选项卡。

如果这是对的，这就是你要做的事情：

$('.panel-default').each(function(i,e){
var FirstPanel = $(e).children('.panel-heading')[0]; 
FirstPanel.addClass('active');
});

如何为第一支手风琴添加活动课程？

2 个答案: