jQuery UI选项卡选定的背景未更改javascript

Question

我正在使用像这样的JQuery UI选项卡：

http://kyleschaeffer.com/web-controls/simple-jquery-tabs-template/

我遇到的问题是我有多个选项卡。 我有一张桌子，上面有几行，背景颜色是白色/橙色。 我希望所选的选项卡与背景颜色相同，以便如果偶数行是橙色，我希望所选的选项卡是橙色，但如果是白色，则希望该选项卡是白色。

我正在使用的CSS是：

.ui-tabs .ui-tabs-nav li.ui-tabs-selected a {
padding: 10px 20px 12px 20px;
background: #fff;
border-bottom-style: none;
  }

.ui-tabs .ui-tabs-nav li.ui-tabs-selected-orange a {
padding: 10px 20px 12px 20px;
background: #ff9900;
border-bottom-style: none;
}

当前，每个选定的选项卡都显示为橙色。 如何使用JQuery或JavaScript知道背景何时为偶数/奇数，并相应地更改所选标签的颜色？

Answer 1

因为其余的css未知，我正在查询，所以可以使选定的选项卡透明：

.ui-tabs .ui-tabs-nav li.ui-tabs-selected a {
    padding: 10px 20px 12px 20px;
    background: transparent;
    border-bottom-style: none;
}

或者，我问您是否知道表行是奇数/偶数，并将css类设置为该行，例如<tr class="odd"> ，然后尝试：

.odd .ui-tabs .ui-tabs-nav li.ui-tabs-selected a {
background: #yourOddColor;
}

.even .ui-tabs .ui-tabs-nav li.ui-tabs-selected a {
background: #yourEvenColor;
}