如何将活动类添加到第一个手风琴

How to add active class to first accordion?

本文关键字：第一个 手风琴 添加 活动      更新时间：2023-09-26

我想使用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>

您需要的是单击面板标题的事件，以添加活动类。类似以下语句:

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

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

如果这是正确的，你应该这样做:

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