jQuery:nth-​​child()选择器

嗨,请看下面的HTML。 我正在尝试使用jQuery来获取DIV上的每个第3个实例,其中class="box"包含在DIV中,并且class="entry"没有右边距:

我的HTML代码:

 
SOME HTML....
SOME HTML....
SOME HTML....
SOME HTML....
SOME HTML....
SOME HTML....
SOME HTML....
SOME HTML....
SOME HTML....

我对jQuery的尝试:

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

我不能让这个工作有人可以帮忙吗? 提前致谢!


感谢所有帮助解决方案的人确实是正确的。 我正在编写一个提供的模板,发现JQuery已设置为以兼容模式运行,因此$是问题所在。

来自文档(我的重点)

匹配作为父母的第n个孩子或父母的偶数或奇数孩子的所有元素。

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

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

nth-child似乎也是非0索引的。 如果您习惯于在0处编制索引,请记住这一点。

您的:nth-child选择器不引用n ,您需要在选择器中引用内部div

尝试:

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

试试这个选择器:

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