如何在Jquery Mobile中更改Listitems的颜色？

Question

我只是想通过在列表项中添加一个css类来改变Jquery mobile中所有List项的背景颜色，但是它在这里不起作用是我工作的小提琴，请帮我解决这个问题问题。

Fiddle

function changeListBackground(){
    $("#sampleList li").addClass("selectedli");
}

Answer 1

你在JSFiddle上唯一的代码就是按钮？没有CSS？ 确保按钮所在的div具有id“sampleList”。

添加新类时应删除当前类。此外，我假设您要使用的新css位于css文件中，并且它以“selected li”类为目标。

您应该只切换类来添加或删除功能，您可以使用jQuery的内置函数来执行以下操作。

    $("#sampleList li").css("background-color", "yellow"); 

或多种样式使用

    $("#sampleList li").css({"background-color": "yellow", "font-size": "200%"});

如果你想成功使用它，你应该阅读一本关于如何使用jQuery的书或2。

肖恩

Answer 2

我通过进行以下更改来解决问题

$("#sampleList").find("li").removeClass("selectedli").addClass("selectedli");

它在应用程序中为我工作，但在小提琴中没有，这对我帮助很多。