jquery - li:nth-child(odd) 在添加后不起作用

Question

我确实有一个项目列表，这些项目将在 jQuery 的帮助下获得替代颜色：

$('ul.follows li:nth-child(odd)').addClass('alternate');

a在我在列表项之前添加一个标签之前它工作正常。所以......现在我有：

    <ul class="follows">
            <a href="#">
            <li class="me">
                <img src="#">
                <h3>#</h3>
                <p>#</p>
            </li>
            </a>
...</ul>

知道为什么它不再起作用了吗？

我可以进入<a>内部，<li>但我不确定整个项目如何可点击......

Answer 1

修复您的列表标记（UL 的唯一有效子项是 LI），然后执行以下操作：

ul.follows li {padding: 0;}
ul.follows li a {display: block; height: 100%;}

您的 jQuery 现在应该可以工作了，并且您的 LI 将可以在整个宽度上单击。

http://jsfiddle.net/isherwood/5ctc3/

Answer 2

由于添加了新标签，您可能需要更改选择器。你可能需要做这样的事情

$('ul.follows a li:nth-child(odd)').addClass('alternate');

这样你的 jquery 就可以遍历你的 html 标签。我希望这会有所帮助！

-坦率