如何使用第n個孩子（）使用jQuery

Question

嗨，我想對每2 <li>

應用樣式我都試過

<script> 
$(document).ready(function(){ 
$('#cl li:nth-child(2)').css('color', 'red');  
}) 
</script> 

的Html

<ul id="cl"> 
    <li>home</li> 
    <li>home2</li> 
    <li>home3</li> 
    <li>home4</li> 
    <li>home5</li> 
    <li>home6</li> 
</ul> 

每第二個孩子應用CSS

我可以通過使用此代碼僅適用於第二個孩子的風格。如何申請風格每月的第二個孩子提前 :)

Answer 1

由於使用:odd選擇：

$('#cl li:odd').css('color', 'red'); 

http://api.jquery.com/odd-selector/

這裏的jsfiddle：

http://jsfiddle.net/uKX3t/1/

您需要使用:odd而不是:even的原因是因爲孩子是0-索引的，這意味着<li>home</li>是第0個孩子，而<li>home2</li>是第一個奇怪的孩子。從文檔

引用：

特別地，注意的是，基於0的索引意味着， 與直覺相反，：奇選擇第二元件，第四元件， 等內的匹配組。

那麼奇怪的是，你需要使用odd選擇器（雙關語意）

Answer 2

試試這個 -

$('#cl li:odd').css('color', 'red');