如何使用jQuery为每个第3个元素添加类

Question

我检查了其他帖子，发现了这个：

$('ul.landingpageboxes li:nth-child(1n+4)').addClass('noleftspace');

有没有人知道如何更改它以便我可以为每个第三个列表项添加一个类？

Answer 1

使用(3n)选择器

$('ul.landingpageboxes li:nth-child(3n)').addClass('noleftspace');

这将选择每个第3个元素。

这是如何运作的：

3 * 1 = 3

3 * 2 = 6

3 * 3 = 9

Demo

为此，您还可以使用CSS添加样式。

ul.landingpageboxes li:nth-child(3n) {
    color: red;
}

Demo