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的其余部分是未知的，我quessing，它可能工作，使所选标签透明：

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

OR，我quess你知道，如果表行是奇/偶和套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; 
}