Add css class onClick with jquery

Question

Someone help me how to add css class with jquery? I've bootstrap tab content with the current class have a class "active".

 <div class="tab-content">
   <div class="tab-pane **active**" id="one">
      <div class="row">

and my other tab code is:

    <div class="tab-pane" id="two">
        <div class="row">
            <div class="col-md-12">

if i click a tab with id two, i want to add active class on class="tab-pane".

If you use Bootstrap it should to that itself without having to do it from scratch. Maybe you're missing something. Have you included Bootstrap libraries correctly?! — Ionut Necula
– Ionut Necula, Commented Jan 18, 2016 at 8:49

Sowmya · Accepted Answer · 2016-01-18 08:50:59Z

3

This should work but boostrap already has it.

$(".tab-pane").click(function(){
      $(".tab-pane").removeClass("active"); //to remove active class from other tabs
      $("this").addClass("active"); //to add active class to clicked tab
    });

answered Jan 18, 2016 at 8:50

Sowmya

27k21 gold badges102 silver badges137 bronze badges

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

1 Comment

Rizki Fahrizal Over a year ago

thank it's work for me, but my problem is not done anymore i think i've wrong idea, anyway thank for the script it's work for me

code · Accepted Answer · 2016-01-18 08:52:46Z

0

You could use the click function.

$(".tab-pane").click(function(){
      $(".tab-pane").attr("class","tab-pane active"); //add whatever class you want to. In this case, `active`is added. 

    });

answered Jan 18, 2016 at 8:52

code

2,1632 gold badges25 silver badges50 bronze badges

Collectives™ on Stack Overflow

Add css class onClick with jquery

2 Answers 2

1 Comment

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related