Jquery N-Child問題

如何使用Nth-Child可以爲每個紅色框添加一個類？Jquery N-Child問題

alt text http://www.eirestudio.net/hosting-files/dd.png

我已經嘗試使用：

$('#mainnav li ul li:nth-child(3n)').addClass('yes');

標記：

<ul> 
     <li><a href="">SUUB</a></li> 
     <li><a href="">SUUB</a></li> 
     <li><a href="">SUUB</a></li> 
     <li><a href="">SUUB</a></li> 
     <li><a href="">SUUB</a></li> 
     <li><a href="">SUUB</a></li> 
     <li><a href="">SUUB</a></li> 
     <li><a href="">SUUB</a></li> 
     <li><a href="">SUUB</a></li> 
     <li><a href="">SUUB</a></li> 
     <li><a href="">SUUB</a></li> 
     <li><a href="">SUUB</a></li> 
</ul>

來源

2010-07-14 Keith Donegan

顯示我們的標記會的方式比我們展示它如何顯示更有幫助。 – 2010-07-14 00:28:16

我沒有看到有什麼不妥......事實上，看看這個小提琴：http://jsfiddle.net/G6kSV/。似乎工作正常 - 也許你對除了第n個孩子以外的東西有問題？ – Faisal 2010-07-14 00:38:13

這一次將會把yes類上的所有LIS，除了第一個然後每三分之一：

$('#mainnav li ul li:not(:nth-child(3n+1))').addClass('yes');

來源

2010-07-14 00:45:44

作爲一種解決方案，您可以將類的所有項目，並從每一個第三刪除...

$('#mainnav ul li').addClass('yes').parent().find(':nth-child(3n)').removeClass('yes');

來源

2010-07-14 00:45:54 Andir

這會將'yes'類添加到前兩列。 – 2010-07-14 00:51:14

哎呀，很好的接收;） – Andir 2010-07-14 00:53:12

Jquery N-Child問題

回答

相關問題