css 从一个选项卡应用到另一个选项卡答案

【问题标题】：css apply from one tab to anothercss 从一个选项卡应用到另一个选项卡
【发布时间】：2014-02-05 17:33:21
【问题描述】：

我想要的是，当我单击配置文件选项卡时，我会通过配置文件启用绿色 css(class="btn btn-large btn-block btn-success disabled") 并通过主页选项卡按钮禁用/我怎么能这样做？

                <!-- Nav tabs -->
                <ul class="nav nav-tabs">
                        <li><a href="#home" class="btn btn-large btn-block btn-success disabled" data-toggle="tab" >Home</a></li>
                        <li><a href="#profile" data-toggle="tab">Profile</a></li>
                        <li><a href="#messages" data-toggle="tab">Messages</a></li>
                        <li><a href="#settings" data-toggle="tab">Settings</a></li>
                </ul>

                <!-- Tab panes -->
                <div class="tab-content">
                    <div class="tab-pane active" id="home">Write Here Tab Home Part</div>
                    <div class="tab-pane" id="profile">Write Here Tab Profile Part</div>
                    <div class="tab-pane" id="messages">Write Here Tab Messages Part</div>
                    <div class="tab-pane" id="settings">Write Here Tab Settings Part</div>
                </div>

【问题讨论】：

你忘记了重要的标签... jQuery 或 javascript :)
或者像Angular这样的框架:)
我正在使用 Bootstrap 选项卡。我想要一个可以将绿色从主页选项卡更改为配置文件选项卡或我单击的任何选项卡的 javascript。 ://

标签： javascript html css class tabs

【解决方案1】：

这不能使用 css 完成，所以在这种情况下我将使用 jQuery：

$('.nav li a').click(function() {
     $(this).addClass('btn-success').siblings('a').removeClass('btn-success');
}

【讨论】：

【解决方案2】：

试试这个：

$("li").click(
 function(){
  $("[class='btn btn-large btn-block btn-success disabled']").removeClass("btn btn-large btn-block btn-success disabled");
  $(this).children("a").addClass("btn btn-large btn-block btn-success disabled");
 }
);

【讨论】：