Question

你好朋友以下是我的代码

HTML

<div class="quick_link">
    <ul>
        <li>iPad App Edition</li>
        <li>About us</li>
        <li>Digital Edition</li>
        <li>Press Room</li>
        <li>Privacy & Terms of Use</li>
        <li>Site Map</li>
        <li>Contact Us</li>
        <li>Community Guidelines</li>
    </ul>
</div>

的jQuery

$(document).ready(function(){
    $('.quick_link li:nth-child(even)').css('color','red');
})

使用此代码，我可以更改每个偶数孩子的颜色，你可以看到here。但问题是我想改变每四个孩子的颜色，但我不知道该怎么做

请帮帮我

提前致谢

Answer 1

使用n变量：http://jsfiddle.net/9Nbhp/3/

.quick_link li:nth-child(4n)

您可以在此处找到文档http://api.jquery.com/nth-child-selector/

正如Jensgram所指出的，您可以在http://www.w3.org/TR/selectors/#nth-child-pseudo

找到有关第n个孩子选择器的详细说明

Answer 2

请参阅http://api.jquery.com/nth-child-selector/

:nth-child(3n+1)

Answer 3

试试这个：

$('.quick_link>ul>li:nth-child(even)').css('color','red');

jthery中的nth-child（）问题

3 个答案: