How to add class by existing class in jQuery

Question

I want to add class active for the div having class in (contained in div with class shiftTabs).

I used below jQuery but not working.

$('.shiftTabs .tab-pane[class="in"]').not('.active').addClass('active');

Html:-

 <div class="shiftTabs">
      <div class="tab-pane fade in" id="tab1" tabindex="1">
      <div class="tab-pane fade" id="tab2" tabindex="2">
      <div class="tab-pane fade" id="tab3" tabindex="3">
    </div>

Why do you want to add extra class to active element. You can use in class and add properties on it. — Tushar
– Tushar, Commented Jan 22, 2018 at 6:51

Milind Anantwar · Accepted Answer · 2018-01-22 06:49:04Z

0

You need to chain the class selector instead of using attribute equals selector:

$('.shiftTabs .tab-pane.in:not(.active)').addClass('active');

answered Jan 22, 2018 at 6:49

Milind Anantwar

82.3k26 gold badges97 silver badges128 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

guradio · Accepted Answer · 2018-01-22 06:49:32Z

Just use the selector $('.shiftTabs .tab-pane.in').not('.active')

$('.shiftTabs .tab-pane.in').not('.active').addClass('active');

.active {
  color: red
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="shiftTabs">
  <div class="tab-pane fade in" id="tab1" tabindex="1">123</div>
  <div class="tab-pane fade" id="tab2" tabindex="2">123</div>
  <div class="tab-pane fade" id="tab3" tabindex="3">123</div>
</div>

Collectives™ on Stack Overflow

How to add class by existing class in jQuery

2 Answers 2

Comments

Comments

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Related