jquery - 李 :nth-child(odd) doesn't work after adding a

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/