为每个第2,第5,第8,第11等类元素添加边距

Question

我的网页填充了相同类元素的变量编号.我想为每个第2,第5,第8,第11等类(如果存在)设置左右边距.

有没有办法用javascript实现这一点？我不想使用css3子选择器,因为它在旧浏览器上不兼容.

我的div像这样放置:

[div class ="block"] [div class ="block"] [div class ="block"]

[div class ="block"] [div class ="block"] [div class ="block"]

[div class ="block"] [div class ="block"] [div class ="block"]

[div class ="block"] [div class ="block"] [div class ="block"]

我希望每个中间div都有左右边距.

谢谢.:)

Answer 1

尝试使用jQuery中的nth-child选择器

$('div:nth-child(3n - 1)').css('margin-top', '10px')

演示:小提琴