Question

我有以下jquery-code：

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

以及以下html：

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

然而，似乎没有应用jquery，因为li-tags没有得到正确的类（偶数或奇数）。我究竟做错了什么？感谢

Answer 1

这对我来说很好。为什么你认为它不适用于你的代码？

<!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>

Answer 2

你可以选择使用： .filter（ “：奇”）。addClass（ “奇数”）

Answer 3

~~尝试删除addClass和(之间的空格~~

~~与$和您的选择器~~

相同

您是否正在使用Firebug，如果您正在使用，请查看HTML，并查看是否正在应用类名。如果是，您只是忘记链接样式表。如果他们不是，那么你的javascript就出现了问题。

Answer 4

首先，您确定已将样式表插入页面吗？我经常忘记这一点。其次，您是否已将jquery js文件插入到页面中？我经常忘记这一点。第三，做peirix说的，它应该工作。我没有看到它的错误。

Answer 5

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

Jquery：将类添加到奇数List-Elements中

5 个答案: