jQuery addClass（）/ removeClass（）不工作

<ul> 
    <li class="selected"></li> 
    <li></li> 
    <li></li> 
</ul>

这是我的html。我现在使用的选择器是：jQuery addClass（）/ removeClass（）不工作

$("ul li:eq(0)").removeClass('selected'); 
    $("ul li:eq(1)").addClass('selected');

问题是我无法从这些元素中添加或删除'selected'类。 html和jquery都非常简单，我可以找到的尽可能多的例子都以同样的方式完成，包括官方的jQuery文档。（脚本在body标签之前加载，如果它很重要）

为什么我不能删除并添加类？

整个HTML页面here

2013-08-26 fusi0n

可以，这个问题必须在其他地方例如在这个脚本的位置，当它运行，jQuery是如何被包含等 –

检查您的浏览器控制台 –

我试着从标签之前的文件中运行脚本。我也尝试在html中正确运行

$("ul li:eq(0)").removeClass('selected'); 
$("ul li:eq(1)").addClass('selected');

但是你需要等到DOM准备好用jquery做东西吧

$(function() { 
    $("ul li:eq(0)").removeClass('selected'); 
    $("ul li:eq(1)").addClass('selected'); 
});

2013-08-26 15:58:29 Orlando

该代码看起来是正确的，问题必须在别处。如何调试这样的：

一个典型的问题是您的代码在元素存在之前执行。在简单的情况下，您只需在DOM准备就绪后运行您的代码：

$(function() { 
    ...DOM is now ready... 
});

但有时，其他脚本将创建元素。如果您遇到这种情况，您需要告诉我们您使用哪些框架和脚本来构建/操作DOM。