Javascript 单击列表的第二个子元素时将类添加到特定元素

我想在单击列表项的第二个子项时已经有类的特定元素上添加类，然后在单击任何其他列表项时删除该类

我可以在单击链接时添加类，但不知道如何在单击其他列表项而不是第二个子项时添加条件，以便删除添加的类

<ul class="acf-hl acf-tab-group">
  <li><a href="">tab1</a></li>
  <li class="active"><a href="">tab2</a></li>
  <li><a href="">tab3</a></li> 
</ul>
<div class="single-item ae0fgf0c hidden-by-tab"></div>
<div class="single-item ae0fgf0b hidden-by-tab"></div>
<h3 class="submit-button">Budget</h3> 
<div class="single-item ae0fgf045"></div>
<div class="single-item ae0fgf0e"></div>
<div class="single-item ae0fgf0cf hidden-by-tab"></div>
<div class="single-item ae0fgf0t hidden-by-tab"></div>

---

在JSFIDLE中，它添加类，但在实际代码中它不添加类。如果需要进一步解释，请帮助我或让我知道。

我想这就是你想要的：

$('.acf-hl').on('click', 'li', function () {
    if ($(this).index() == 1 && $(this).hasClass('active')) $('h3.submit-button').addClass('active');
    else $('.active').removeClass('active');
    return false;
});

演示：

---

另一个演示：

我希望这就是您想要的

 $('.acf-tab-group > li').click(function(){
 var flag=$(this).hasClass('active');

if(flag){$('.submit-button').addClass("selected")}
else{$('.submit-button').removeAttr('class').addClass('submit-button')}


})

---

removeAttr将删除整个类属性，因此我添加了

。再次提交按钮
类。
t谢谢您回复插件代码添加的实际活动类，我想在单击第二个列表时添加类，其他列表将被删除。我想你现在明白了。看起来我们几乎到了@Tushar，但当单击其他选项卡时，活动类没有被删除。Buddy没有办法在单击除第二个列表项以外的其他列表项时删除类。如果第n个孩子（2）有活动类，则将类添加到h3，否则删除，是否清除bro。我正在尝试创建fiddle alsoI找到了你的好友解决方案工作你是真正的jquery向导兄弟谢谢
if($(.acf-tab-group li:nth-child(2)).hasClass('active')){
  $(.submit-button).addClass("selected");
 }

$('.acf-hl').on('click', 'li', function () {
    if ($(this).index() == 1 && $(this).hasClass('active')) $('h3.submit-button').addClass('active');
    else $('.active').removeClass('active');
    return false;
});

 $('.acf-tab-group > li').click(function(){
 var flag=$(this).hasClass('active');

if(flag){$('.submit-button').addClass("selected")}
else{$('.submit-button').removeAttr('class').addClass('submit-button')}


})