在html列表中找到第n个元素列表项的最佳方法？

Question

我有一个动态列表（<ul><li></li></ul>）项目（三列）

我需要为三列顶部显示的项添加一些余量。我只有一列而且我可以做

$('ul.dynamic').each(function() {
    $(this).find('li').first().addClass('menuMargin');
});

但是现在我有三列，那么使用jQuery / JavaScript将这个类添加到第一个，第9个和第17个列表项（每列中有8个项目）的最佳方法是什么？

提前致谢。

Answer 1

查看eq和nth-child选择器。

Answer 2

试试这个：

var ul = $('ul.dynamic');
ul.find("li:first-child, li:nth-child(9), li:nth-child(17)").addClass("menuMargin");

Answer 3

只需在容器中添加填充：

ul { padding-top: 50px; }

jsfiddle