jQuery: nth-child() selector

Question

Привет, пожалуйста, взгляните на HTML ниже. Я пытаюсь использовать JQuery, чтобы получить каждый 3-й экземпляр на DIVs с class="box", содержащихся в DIV с class="entry" иметь запас правой руки:

Мой 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--> 

Моя попытка с JQuery:

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

Я не могу получить эту работу, может ли кто-нибудь помочь? Заранее спасибо!

---

спасибо всем, кто помог при условии, что это действительно правильно. Я кодирую прилагаемый шаблон и обнаружил, что JQuery был настроен на запуск в режиме совместимости, следовательно $ была проблемой.

Answer 1

Из документов (курсив мой)

Похожее все элементы , которые являются п-й ребенок их родителей или которые являются четные или нечетные дети родителя.

Вы в настоящее время выбора родителя, в то время как вы должны выбирать детей:

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

Answer 2

Ваш селектор :nth-child не ссылается на n, и вам необходимо обратиться к внутреннему div в ваш селектор.

Try:

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

Answer 3

Попробуйте этот селектор:

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

Answer 4

п-й ребенок также, кажется, не индексируются 0 , Имейте это в виду, если вы привыкли к индексированию на 0.