Change class name using jquery for Bootstrap class

Question

While the tab is active i want to change class from iconcolorblack to iconcolorwhite but i am not getting it. how to do that:

<div class="navbar-inner main-nav-lower" >
     <ul class="nav nav-pills navcolor">
        <li id="jobsHead"><a href="#" data-toggle="tab">
           <i class="fa fa-clock-o iconSizeMedium iconColorblack"></i>Jobs</a></li>
             <li id="ManageData"><a href="#" data-toggle="tab">
                <i class="fa fa-cog iconSizeMedium iconColorblack"></i>Manage Data</a></li>
    </ul>
</div>

I have used:

 $("#ManageData").find("iconColorblack").addClass("iconColorwhite").remove("iconColorblack");

But its not seems to be working.

mildog8 · Accepted Answer · 2014-08-16 09:46:18Z

4

change

$("#ManageData").find("iconColorblack").addClass("iconColoorwhite").remove("iconColorblack");

to

$("#ManageData").find(".iconColorblack").addClass("iconColorwhite").removeClass("iconColorblack");

perhaps?

answered Aug 16, 2014 at 9:46

mildog8

2,1742 gold badges23 silver badges39 bronze badges

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

1 Comment

Mayur Over a year ago

sorry its seems i have written wrongly in question. i have changed can you please help

Collectives™ on Stack Overflow

Change class name using jquery for Bootstrap class

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related