jquery - 如何在 Bootstrap 按钮组上更改 css

Question

以下代码切换组中的按钮。我很高兴尝试更改这些按钮的 CSS，尤其是选定的按钮。

<span class="label label-primary">Age</span>
    <div class="btn-group" id="ageID">
    <button type="button" style="width:120px" class="btnMyAge btn-default" id="3">Under 10</button>
    <button type="button" style="width:120px" class="btnMyAge btn-default" id="1">Under 50</button>
    <button type="button" style="width:120px" class="btnMyAge btn-default" id="2">Over 50</button>
</div>
<script>
    $(".btn-group > .btnMyAge").click(function () {                                 
        $(this).addClass("active").siblings().removeClass("active");
    })
</script>

我的自定义 CSS 文件:

.btnMyAge, .btn:active
{
    background-color: #ffe13a;
}

Answer 1

将您的 CSS 更改为

.active {
    background-color: #ffe13a;
}

否则 background-color 将应用到所有按钮，因为 btnMyAge 类。