jquery nth-child选择器问题

时间:2011-04-14 21:55:35

标签: jquery jquery-selectors css-selectors

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

$('.thediv img:nth-child(3n+1)').. 

对我不起作用,我错过了什么吗?感谢

1 个答案:

答案 0 :(得分: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
...

显然,这些不是选择的第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
...

由于您在评论中说每个img都在a中,:nth-child()伪类应附加到a,然后您选择{ {1}}:

img