Jquery：将类添加到奇偶元素列表中_Jquery_Html_Css

Jquery：将类添加到奇偶元素列表中

jquery html css

Jquery：将类添加到奇偶元素列表中,jquery,html,css,Jquery,Html,Css,我有以下jquery代码： <script type="text/javascript"> $(document).ready(function() { $ ('ul.image-list li:even').addClass ('even'); $ ('ul.image-list li:odd').addClass ('odd'); }); </script> $（文档）.ready（函数（）{ $（'ul.image

我有以下jquery代码：

<script type="text/javascript">
    $(document).ready(function() {
        $ ('ul.image-list li:even').addClass ('even');
        $ ('ul.image-list li:odd').addClass ('odd');
    });
</script>


$（文档）.ready（函数（）{
$（'ul.image-list li:偶数'）.addClass（'偶数'）；
$（'ul.image-list li:odd'）.addClass（'odd'）；
});

以及以下html：

<ul class="image-list">
<li>first element</li>
<li>second element</li>
...
<li>last element</li>
</ul>


第一要素
第二要素
...
最后元素

但是jquery似乎没有被应用，因为li标记没有得到正确的类（偶数或奇数）。我做错了什么？谢谢

尝试删除

addClass

和

之间的空格（

与

和您的选择器相同

如果您使用的是Firebug，请查看HTML，看看是否应用了类名。如果是，您只是忘记链接样式表。如果不是，则说明您的javascript有问题。

这对我来说很好。为什么您认为它在代码中不起作用

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
    <title></title>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
    <script type="text/javascript">
        $(document).ready(function() {
            $ ('ul.image-list li:even').addClass('even');
            $ ('ul.image-list li:odd').addClass('odd');
        });
    </script>
    <style>
        .even{
            background: gray;
        }
        .odd{
            color:red;
        }
    </style>
</head>
<body>

<ul class="image-list">
    <li>first element</li>
    <li>second element</li>
    <li>third element</li>
    <li>fourth element</li>
    <li>fifth  element</li>
    <li>last element</li>
</ul>

</body>
</html>


$（文档）.ready（函数（）{
$（'ul.image-list li:偶数'）.addClass（'偶数'）；
$（'ul.image-list li:odd'）.addClass（'odd'）；
});
.甚至{
背景：灰色；
}
.奇怪{
颜色：红色；
}

第一要素
第二要素
第三要素
第四要素
第五要素
最后元素

首先，您确定已将样式表插入页面吗？我经常忘记这一点。第二，您是否已将jquery js文件插入页面？我经常忘记这一点。

第三，按照peirix说的做，它应该会工作。我看不出它有什么问题。

是否可以动态创建li？在这种情况下，添加类的调用不应在ready（）上，而应在插入li后在回调上进行。

您也可以使用：

.filter（“：odd”）.addClass（“odd”）

在我看来很好（而且很有效）。让我们看看你的css。函数名和括号之间的空格是完全可以接受的。正在应用样式表，但没有应用任何类，这意味着你的javascript有问题。你记得引用jQuery库吗？看看petersendidit回答中的第5行。我必须在本节中引用它吗？或者我可以把它放在html中的任何地方吗？可能会出现问题，因为列表是由asp:repeater生成的？我如何在回调时添加类？并且列表中填充了asp:repeater。但是我认为，这将被称为“动态”，或者我错了吗？