Jquery Nth-child 질문

어떻게 Nth-Child를 사용하여 모든 빨간색 상자에 수업을 추가 할 수 있습니까?Jquery Nth-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

모든 세 번째에서 제거합니다. –

나는 그걸 잘못 본 것이 없다 ... 사실,이 바이올린을 확인해 보라 : http://jsfiddle.net/G6kSV/. 제대로 작동하고있는 것 같습니다. 아마도 n 번째 자녀가 아닌 다른 것에 문제가 있습니까? – Faisal

이 사람은 첫 번째 제외한 모든 LI들에 yes 클래스를 넣어 것입니다 다음 3 분마다 :

$('#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' 클래스가 추가됩니다. –

으악, 좋은 캐치;) – Andir

Jquery Nth-child 질문

답변

관련 문제