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)