jquery nth-child选择器问题

fil*_*lle 3 jquery css-selectors jquery-selectors

我想在div中选择图像.我想要的图像是2,5,8,11等.

$('.thediv img:nth-child(3n+1)').. 
Run Code Online (Sandbox Code Playgroud)

没有为我工作,我错过了什么?谢谢

Bol*_*ock 8

您的公式3n + 1不起作用,因为这些是将为以下值选择的元素n:

3(0) + 1 = 0 + 1 = 1
3(1) + 1 = 3 + 1 = 4
3(2) + 1 = 6 + 1 = 7
3(3) + 1 = 9 + 1 = 10
...
Run Code Online (Sandbox Code Playgroud)

显然,这些不是选择的第2,第5,第8,第11 ......元素.它们中的每一个都是1.你需要使用公式3n + 2,所以这些元素将被选中:

3(0) + 2 = 0 + 2 = 2
3(1) + 2 = 3 + 2 = 5
3(2) + 2 = 6 + 2 = 8
3(3) + 2 = 9 + 2 = 11
...
Run Code Online (Sandbox Code Playgroud)

既然你在评论中说每个img都在一个a,:nth-child()伪类应该附加a,然后你选择img:

$('.thediv a:nth-child(3n+2) img')
Run Code Online (Sandbox Code Playgroud)