使用javascript更改html中的选项卡颜色

当我选择一个标签时，我试图改变它的“外观”。我已经看到了这个和这个，但我不确定我是否理解如何实现这一点。简单地说，我使用的正是发布在上的这个示例

当我单击新选项卡时，css中的这部分代码似乎不适用：

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

如果查看本例“更改选项卡”，您将看到选项卡内容更改，但所选选项卡标题的外观不会更改。我可以更改我的内容，唯一不变的是选项卡颜色/背景

我目前的工作正紧跟着这个例子，所以你能提供的任何帮助都将是巨大的！另外，我对这件事一无所知，这就是为什么我可能无法理解另外两个问题的答案。谢谢

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

---

因为您从未将

选定的
类添加到单击的选项卡中，所以我将“绑定”更改为文档，并将其与Patrick Evans的代码相结合——效果非常好！谢谢
    $(document).on("click", ".t", function(){
        $(".tabContent").each(function(){
            $(this).hide();
        });
        var id = $(this).attr("id");
        $("#t"+id).show();
        $('.t').removeClass('selected');
        $(this).addClass('selected');
    });