第n个孩子（）问题

招呼朋友如下因素是我的代码第n个孩子（）问题

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'); 
})

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

请帮我

在此先感谢

来源

2012-04-12 Kamal

使用这个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

来源

2012-04-12 10:18:45

哦，非常感谢..其工作正常。你会PLZ解释什么是你的代码中使用哦'n'和这个定义在哪里..对不起m询问更多... – Kamal 2012-04-12 10:21:25

@Kamal请参见[选择器级别3]（http://www.w3.org/TR/selectors /＃第n个孩子伪）。支持列在[caniuse]（http://caniuse.com/#search=nth-child）。 – jensgram 2012-04-12 10:23:36

@jensgram，支持并不真正适用于这里，但因为jQuery使用自己的引擎对浏览器不支持的选择器 – 2012-04-12 10:29:38

对第n个孩子选择了详细的说明，请参见http://api.jquery.com/nth-child-selector/

:nth-child(3n+1)

来源

2012-04-12 10:19:45 Matt

试试这个：

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

来源

2013-02-05 02:46:23 Geo

第n个孩子（）问题

回答

相关问题