0

選択リストは、データベースから動的に生成されます。この例のように、ドロップダウン内の各アイテムの背景色を交互にしたい (ここから):

リスト

したがって、基本的には、以下のコード ブロックのように、各オプション タグのクラスを入れ替える必要があります。自分で色を手動で書き込むことができないため、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>
4

3 に答える 3

2

これを試して：

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

フィドルのデモ

于 2013-05-07T10:45:40.823 に答える
1

:evenおよび:oddセレクターを使用できます。

$('#selectId option:even').addClass('class1');
$('#selectId option:odd').addClass('class2');
于 2013-05-07T10:44:39.800 に答える