如何将活动课程添加到第一个手风琴？

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

你需要的是在面板标题的单击事件，添加活动类。沿着线的东西：

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

Answer 2

好像你正在试图做的是“主动”类添加到第一手风琴选项卡每个手风琴标签。

如果这是正确的，这里是你会怎么做：

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