使用javascript更改html中的選項卡顏色

Question

我試圖在選擇它時更改選項卡的「外觀」。我已經看到這question和question，但我不知道我明白如何實現這一點。簡單來說，我正在使用JSFiddle上發佈的確切示例。

這在我的CSS代碼的部分似乎並不適用，當我點擊新標籤：

.tabContainer .digiTabs .selected { 
    background-color: #fff; 
    color: #393939; 
    border-left: 1px solid #e1e1e1; 
    border-top: 1px solid #e1e1e1; 
    border-right: 1px solid #e1e1e1; 
    } 

如果你看看下面這個例子，改變標籤，你會看到，標籤內容的變化，但不所選標籤標題的外觀。我可以改變我的內容，唯一不變的是標籤顏色/背景。

我目前的工作是密切關注這個例子，所以你可以提供任何幫助將是偉大的！另外，我對這個東西很不好意思，所以我可能無法理解其他兩個SO問題的答案。謝謝！

Answer 1

首先，使用$（document）.on（）而不是.bind（已被棄用）。

$(document).on("click", ".t", function(){ 
     $(".tabContent").each(function(){ 
      $(this).hide(); 
     }); 
     var id = $(this).attr("id"); 
     $("#t"+id).show(); 
     $('.t').removeClass('selected'); 
     $(this).addClass('selected'); 
    });