Javascript 是否使用jQuery从容器父类中删除类？

如何使用jQuery删除和添加类容器父类？ 我想在单击cardTab2并添加greenContent时删除blueContent

<div class="mainContent blueContent">
    <div class="container">
        <div class="cardBox">
            <ul class="cardButton nav nav-tabs">
                <li role="presentation" class="cardSelect cardTab1 active">
                    <a href="#cardTab1" aria-controls="home" role="tab" data-toggle="tab"><img src="images/smartCard.png" /><span>Smart Payout Card</span></a>
                </li>
                <li role="presentation" class="cardSelect cardTab2">
                    <a href="#cardTab2" aria-controls="home" role="tab" data-toggle="tab"><img src="images/card2.png" /><span>Achiever Card</span></a>
                </li>
            </ul>
        </div>
    </div>
</div>

你应该补充一句。到类选择器并删除。从removeClass和addClass方法：

---

您好，您可以使用此代码实际上您没有正确使用类选择器

功能${ $'.cardtab 1、.cardtab 2'.bind'click'，函数{ 如果$this.hasClass'cardTab1'{ $'.cardtab.1'.parents.mainContent.removeClass'greenContent'； $'.cardTab1'.parents'.mainContent'.addClass'buleContent'； }如果$this.hasClass'cardTab2'{ $'.cardtab.2'.parents.mainContent.removeClass'buleContent'； $'.cardTab2'.parents'.mainContent'.addClass'greenContent'； } }; }jQuery； 丢失的在class selector.addClass和.removeClass之前，只需使用类名，而不是选择器，因此不需要在类名前面加上前缀。-例如，去除绿色成分；

(function($) {
  $('.cardTab1 , .cardTab2').bind('click', function() { 
  if($(this).hasClass('cardTab1')) {
     $('cardTab1').parents('.mainContent').removeClass('.greenContent');
      $('cardTab1').parents('.mainContent').addClass('.buleContent');
  } else if($(this).hasClass('cardTab2')) {
    $('cardTab1').parents('.mainContent').removeClass('.buleContent');
    $('cardTab1').parents('.mainContent').addClass('.greenContent');
  }
});
})(jQuery);

(function($) {
  $('.cardTab1 , .cardTab2').bind('click', function() { 
  if($(this).hasClass('cardTab1')) {
     $('.cardTab1').parents('.mainContent').removeClass('greenContent');
      $('.cardTab1').parents('.mainContent').addClass('buleContent');
  } else if($(this).hasClass('cardTab2')) {
    $('.cardTab2').parents('.mainContent').removeClass('buleContent');
    $('.cardTab2').parents('.mainContent').addClass('greenContent');
  }
});
})(jQuery);