jQuery :nth-child() selector

Question

您好，请查看下面的 HTML。我正在尝试使用 jQuery 获取 DIV 上的每个第三个实例，其中包含在 DIV 中的 class="box" 与 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

来自文档(我的重点)

Matches all elements that are the nth-child of their parent or that are the parent's even or odd children.

您当前正在选择父级，而您应该选择子级:

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