Jquery mobile jquery mobile中列表的交替颜色

jQuery mobile中是否可能有一个列表，该列表中奇数成员的颜色为一种，同一列表中的偶数成员的颜色为另一种。例如，在列表中，第一个列表项为灰色，另一个列表项的颜色为白色。这可以通过jQuery Mobile实现

我还应该提到，这个列表将使用ajax响应构建。

        <div data-demo-html="true">
            <ul data-role="listview">
                <li data-theme="a">Acura</li>
                <li data-theme="b">Audi</li>
            </ul>
        </div><!--/demo-html -->


讴歌
奥迪

---

交替使用数据主题属性应该可以做到这一点。

我认为您没有尝试过任何方法。但我已经为您简化了函数。只要用ajax代替循环，其余的都一样

var swatch = ['a', 'b'];
$list = $("#list");

for (var i = 0; i < 5; i++) {
    $list.append("<li data-theme='" + swatch[i % 2] + "'>List Item</li>");
}
$list.listview('refresh');

var样本=['a'，'b']；
$list=$（“#list”）；
对于（变量i=0；i<5；i++）{
$list.append（“列表项”；
}
$list.listview（“刷新”）；

---

链接：

在CSS中，添加以下两行：

ul.ui-listview li:nth-child(even) a { background-color: #ffd800; }
ul.ui-listview li:nth-child(odd) a { background-color: #000; }

---

试过什么吗？易于使用CSS3<代码>李：第n个孩子（偶数）{background:red；}不，在这一点上我什么也没做，正如@NADH所说，这只是我头脑中的一个问题。JS方式，在列表视图项中循环，并根据其索引号（奇数或偶数）更改背景。如果使用AJAX加载项，则可能需要使用

$（“#listresults”）。listview（'refresh'）附加所选样式的CSS。在问题中添加了一个新的部分，即如果这是使用ajax构建的，如何实现？我无法为每个附加到列表的响应添加主题。有一个javascript API方法可以实现您想要的功能。我相信它实际上只是一个简单的css类。查看API文档。我也不明白为什么不能用这种方式构建ajax响应。