jquery - 更改 Bootstrap 条纹表单行的颜色

Question

我不想使用 JQuery 更改条纹表中各行的颜色:

$("#rowElementId").addClass("activeRow");

css 类 activeRow 如下所示:

.activeRow {
background-color: #d9d9d9;
}

表格本身是这样的:

<table class="table table-striped">
    <thead>
        <tr id=...>
        ...

问题是，我的解决方案 JQuery 指令仅适用于条纹表的白色行。我怎样才能改变这个？

在这里你可以找到我的问题的例子:Bootstrap

Answer 1

不明确。当前行颜色选择器在 bootstrap 3 中如下:.table-striped>tbody>tr:nth-of-type(odd)。

你应该让你的风格这样来增加它的特异性:

.table-striped>tbody>tr.activeRow{
    background-color: #d9d9d9;
}

编辑:here is a fork of your bootply演示此方法。 (为了清楚起见，我添加了额外的行)