jQuery: N-Kind() Selektor

Question

Hallo, bitte schauen Sie sich die HTML unten an. Ich versuche, jQuery zu verwenden, um mit class="box" mit class="entry" innerhalb des DIV enthielt jede dritte Instanz auf die DIVs zu bekommen, keine rechten Rand zu haben:

Mein HTML-Code:

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

Mein Versuch, mit jQuery:

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

Ich kann das nicht funktionieren kann jemand bitte helfen? Danke im Voraus!

---

Dank an alle, die geholfen haben, die Lösung zur Verfügung gestellt ist in der Tat richtig. Ich kodiere eine gelieferte Vorlage und stelle fest, dass JQuery im Kompatibilitätsmodus ausgeführt wurde, daher war $ das Problem.

Answer 1

Von der Dokumentation (Hervorhebung von mir)

Spiele alle Elemente , die die n-te-Kind ihrer Eltern sind oder das sind die auch Eltern oder ungerade Kinder.

Sie sind zur Zeit die Eltern die Auswahl, während Sie Kinder Auswahl werden sollten:

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

Answer 2

Ihr :nth-child Selektor verweist nicht auf n, und Sie müssen auf die innere div in Ihrem Selektor verweisen.

Versuchen:

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

Answer 3

diesen Selektor Versuchen:

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

Answer 4

n-te-Kind scheint auch nicht-0 indiziert zu sein . Denken Sie daran, wenn Sie gewohnt sind, bei 0 zu indexieren.