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

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

你不需要(来源)jquery ，甚至是 javascript。

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

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