jQuery : nth-child() selector

Question

안녕하세요, 아래 HTML을보십시오. 나는 아무 오른쪽 여백을 가지고 class="entry"와 DIV에 포함 class="box"와 div의에있는 모든 3 인스턴스를 얻기 위해 jQuery를 사용하는 것을 시도하고있다 :

내 HTML 코드 : jQuery로

<div class="entry"> 

    <div class="box"> 
     SOME HTML.... 
    </div><!-- end .box --> 

    <div class="box"> 
     SOME HTML.... 
    </div><!-- end .box --> 

    <div class="box"> 
     SOME HTML.... 
    </div><!-- end .box I Want to remove right hand margin on this div --> 

    <div class="box"> 
     SOME HTML.... 
    </div><!-- end .box --> 

    <div class="box"> 
     SOME HTML.... 
    </div><!-- end .box --> 

    <div class="box"> 
     SOME HTML.... 
    </div><!-- end .box I Want to remove right hand margin on this div --> 

    <div class="box"> 
     SOME HTML.... 
    </div><!-- end .box --> 

    <div class="box"> 
     SOME HTML.... 
    </div><!-- end .box --> 

    <div class="box"> 
     SOME HTML.... 
    </div><!-- end .box I Want to remove right hand margin on this div --> 

    </div> 
    <!--end entry--> 

내 시도 :

<script> 
     $(document).ready(function(){ 
      $("div.entry:nth-child(3)").css("margin", "0px"); 
     }); 
    </script> 

아무도 도와 드릴 수 없습니까? 미리 감사드립니다!

---

제공되는 솔루션에 도움을 주신 모든 분들께 감사드립니다. 제공된 템플릿을 코딩 중이며 호환성 모드에서 실행되도록 JQuery가 설정되어 있으므로 $가 문제였습니다.

Answer 1

(내 강조)

일치 부모 또는의 n 번째 자녀 인 모든 요소 은 부모의 짝수 또는 홀수 자녀입니다.

당신이 아이를 선택해야하는 동안 당신은, 부모를 선택하고

:

div.entry > div.box:nth-child(3n) 

Answer 2

:nth-child 선택기가 n을 나타내지 않으므로 선택기에서 div 내부를 참조해야합니다.

시도 : 워드 프로세서

$(document).ready(function(){ 
    $("div.entry div:nth-child(3n)").css("margin", "0px"); 
}); 

Answer 3

이 선택 시도를 . 0에서 색인 생성하는 데 익숙하다면이 점을 명심하십시오.

Answer 4

n 번째 자녀는 0이 아닌 색인 것 같다 :

$("div.entry > div:nth-child(3)").css("margin", "0px");