jquery - 交替选择列表选项颜色

Question

我的选择列表是从我的数据库动态生成的。我想让下拉列表中每个项目的背景颜色像这个例子一样（从这里）：

所以基本上，我需要替换每个选项标签的类，就像下面的代码块一样。由于我无法在自己中手动编写颜色，我将如何使用 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'})

小提琴演示

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 选择器的文档。