jQuery: selector nth-child()

Question

Hola, mira el HTML a continuación. Estoy tratando de utilizar jQuery para conseguir cada tercera instancia en los DIVs con class="box" contenidas dentro del DIV con class="entry" tener un margen de ninguna mano derecha:

Mi código HTML:

<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--> 

Mi intento con jQuery:

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

No puedo conseguir este trabajo, ¿alguien puede ayudarme? ¡Gracias por adelantado!

---

gracias a todos los que ayudaron a la solución provista es de hecho correcta. Estoy codificando una plantilla suministrada y encontré que JQuery se había configurado para ejecutarse en modo de compatibilidad, por lo tanto, $ era el problema.

Answer 1

De la documentación (el subrayado es mío)

Partidos todos los elementos que son el enésimo hijo de su padre o que son pares o impares los hijos del padre.

Usted está seleccionando actualmente el padre, mientras que usted debe seleccionar a los niños:

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

Answer 2

El selector :nth-child no hace referencia a n, y debe hacer referencia al div interno en su selector.

Probar:

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

Answer 3

probar este selector:

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

Answer 4

nth-child también parece ser no-0 indexados . Téngalo en cuenta si está acostumbrado a indexar en 0.