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; 
}