CSS從一個選項卡應用於另一個

Question

我想要的是，當我單擊配置文件選項卡時，我在配置文件上啟用了綠色css（class =“ btn btn-large btn-block btn-success disable”“），並在主頁選項卡上禁用了按鈕/我該怎么做？

                <!-- 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>

Answer 1

使用CSS無法做到這一點，因此在這種情況下，我將使用jQuery：

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

Answer 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");
 }
);