N 번째 자식 및 조부모 또는 두 번째 수준의 자식

Question

이것은 매우 간단하지만 알아낼 수는 없습니다.

<div class="grandparent"> 
    <div class="parent"> 
     <div class="child" id="1"></div> 
     <div class="child" id="2"></div> 
     <div class="child" id="3"></div> 
     <div class="child" id="4"></div> 
    </div> 
    <div class="parent"> 
     <div class="child" id="5"></div> 
     <div class="child" id="6"></div> 
    </div> 
</div> 

내가 tryed :

$('.grandparent .child:nth-child(3n)').css("margin-right","0px"); 

그래서 내가 마진 오른쪽을 위해 아이 # 3 및 아이 # 6 필요합니다

나는 이러한 종류의 코드가 0 픽셀을 .

그러나 그것은 항상 3N 아이가 아닌 선택 클래스 .grandparent 3이 영향을 그래서에만 아이 번호로 .parent으로 다스 려합니다.

간단한 방법으로 해결할 생각인가요?

Answer 1

나는 좋을 것 :

$('.grandparent .child').filter(function(i){ 
    return (i+1)%3 === 0; 
}).css('margin-right', '0px'); 

JS Fiddle proof-of-concept (쉽게 볼 수 있도록 color를 사용하여).

참고 :

• filter().