如何在 jquery 或 javascript 的选项卡窗格中添加和删除多个 class

Question

I am working on bootstrap tab-pane for add multiple class its add an only single class can anyone suggest me how to add multiple class when tab-pane active my HTML code is

    <ul class="nav nav-tabs">
<li id="li"  class="active">
<a href="#abc" data-toggle="tab">my_data 
<i  class="pull-right more-less glyphicon glyphicon-plus" id="icon">
</i>
</a>
</li>
</ul>

和 jquery 是

$('#li > a').click(function() {
  $(this).parents('#li').find('i')
    .toggleClass('pull-right')
    .toggleClass('glyphicon')
    .toggleClass('glyphicon-minus');
  $(this).parents('#li').siblings('.#li').find('i')
    .removeClass('pull-right ')
    .removeClass('glyphicon')
    .removeClass('glyphicon-minus')
    .addClass('pull-right')
    .addClass('glyphicon')
    .addClass('glyphicon-plus')

})

实际上，如果选项卡窗格处于活动状态，我想添加右拉 glyphicon glyphicon-minus，否则在 jquery 或 javascript 中添加右拉 glyphicon glyphicon-plus。

Answer 1

您可以在toggleClass() 、 addClass() 、 removeClass() () 中传递多个 class 名称。 喜欢 -

  $('#li > a').click(function() {
    $(this).parents('#li').find('i')
      .toggleClass('pull-right glyphicon glyphicon-minus')
    $(this).parents('#li').siblings('.#li').find('i')
      .removeClass('pull-right glyphicon glyphicon-minus')
      .addClass('pull-right glyphicon glyphicon-plus')
  })