使用 jQuery 移动设备更改备用菜单的背景和字体颜色？

Question

我有一个使用 jQuery Mobile 制作的应用程序，它具有菜单项的列表视图。我想更改菜单项的背景颜色，并可能更改与之相关的字体颜色。

我看到过使用 jQuery 执行此操作的建议，但我认为它行不通，因为我使用的是 jQuery 移动版并且它大量修改了 DOM。菜单是这种格式，我代码中的列表视图：

    <ul data-role="listview" data-inset="true">
        <li> <a href="#about">About 4 Verses</a></li>
        <li> <a href="#subjects">Subjects</a></li>
        <li> <a href= "#promises">God Promises</a></li>
        <li> <a href= "#prayerHelp">Prayer Help</a></li>
        <li> <a href= "#living">Living a Christian Life</a></li>
        <li> <a href= "#information">Information</a></li>
    </ul>

Answer 1

使用此 CSS 进行测试（支持背景和字体颜色）。

li:nth-child(odd) { 
    background: black; 
}

li > a { color: black }
li:nth-child(odd) > a {
    color:white;
}

http://jsfiddle.net/kz0m5we6/

使用 jQuery 移动设备更改备用菜单的背景和字体颜色？

Changing background and font color for alternate menus with jQuery Mobile?

javascript

css

jquery

jquery-mobile