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

Best way to find n-th element list item in html list?

本文关键字：列表 最佳 元素 方法 html 查找      更新时间：2023-09-26

我有一个动态列表(<ul><li></li></ul>)的项目(三列)

我需要给出现在三列顶部的项目添加一些边距。我只需要有一列，我可以写

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

，但现在我有三列，所以什么是最好的方式来添加这个类的第一，第9和第17个列表项目(每列8项)与jQuery/JavaScript?

试试这个:

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

看一下eq和n -child选择器

为容器添加padding:

ul { padding-top: 50px; }

jsfiddle

相关文章：