交替选择列表选项颜色

Question

我的选择列表是从我的数据库动态生成的。我希望下拉列表中的每个项目的背景颜色如此示例（来自here）：

所以基本上，我需要替换每个选项标签的类，就像在下面的代码块中一样。我怎么用jQuery做这个，因为我不能自己手动写颜色？

<FORM>
    <SELECT>
        <OPTION>What is your preferred browser?</OPTION>
        <OPTION class="mar">Explorer 5.5</OPTION>
        <OPTION class="white">Explorer 6.0</OPTION>
        <OPTION class="mar">Netscape 4.7</OPTION>
        <OPTION class="white">Netscape 6.0</OPTION>
        <OPTION class="mar">WebTV</OPTION>
        <OPTION class="white">Lynx</OPTION>
        <OPTION class="mar">Other</OPTION>
    </SELECT>
</FORM>

Answer 1

试试这个：

$('select option:even').css({'background-color': 'red'})

FIDDLE DEMO

Answer 2

您可以使用:even和:odd选择器：

$('#selectId option:even').addClass('class1');
$('#selectId option:odd').addClass('class2');

Answer 3

你不需要（来源）jquery，甚至是javascript。

option:nth-child(even)
{
background-color: white;
}

请参阅:nth-child() css选择器的文档。