jQuery: sélecteur nth-child()

Question

Bonjour, regardez le code HTML ci-dessous. Je suis en train d'utiliser jQuery pour obtenir tous les 3 par exemple sur les DIVs avec class="box" contenues dans la DIV avec class="entry" d'avoir une aucune marge de droite:

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

Ma tentative avec jQuery:

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

Je ne peux pas obtenir ce travail peut-on aider s'il vous plaît? Merci d'avance!

---

Merci à tous ceux qui ont aidé la solution fournie est en effet correcte. Je suis en train de coder un modèle fourni et j'ai trouvé que JQuery avait été configuré pour fonctionner en mode de compatibilité, d'où le problème.

Answer 1

De la documentation (je souligne)

Matches tous les éléments qui sont le n-ième enfant de leurs parents ou qui sont même ou les enfants impairs du parent.

Vous sélectionnons actuellement le parent, alors que vous devriez sélectionner les enfants:

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

Answer 2

Votre sélecteur :nth-child ne fait pas référence n et vous devez référencer le div intérieur dans votre sélecteur.

Essayez:

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

Answer 3

Essayez ce sélecteur:

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

Answer 4

nième enfant semble aussi être non 0 indexées . Gardez cela à l'esprit si vous avez l'habitude d'indexer à 0.