Question

我有18张图像，每行显示6张图像。我想为每一秒的最后一个和最后一个图像分配不同的类。例如： -

1    2    3    4    5    6
7    8    9    10   11   12
13   14   15   16   17   18

此类应与5 6 11 12 17 18

不同

我可以为此制定等式，留下5 6

可能是5n + (n-1) 6n 从n = 2开始

   5(2) + (2-1)    6(2)  =    11    12
   5(3) + (3-1)    6(3)  =    17    18

我不确定如何使用jquery实现它。 AS 5 6应该是原样，然后是11,12,17,18的等式，并且从n = 2开始

<li><a href="#"><span></span><img src="images/img14.jpg" alt="" width="136" height="136" /><em class="popup"> <strong class="arrow"></strong><strong class="title">Sponsor Name Here</strong>Lorem ipsum dolor sit amet, consectetur edt adipiscing elit. Nullam dignissim enim ut co. Lorem ipsum dolor sit amet, consectetur bel adipiscing elit nullam digniss</em></a></li>

在我想要添加类popup-left

Answer 1

你不需要jQuery。

以下选择器将应用您需要的样式：

li:nth-child(6n) img, li:nth-child(6n-1) img
{
    /* styles here */
}

See Updated Demo

Answer 2

如果我很好理解（假设你有li个元素）

$('li:nth-child(6n+4)').addClass('class1');
$('li:nth-child(6n+5)').addClass('class2');

或者只是将选择器定义为直接css（但在这种情况下，它不适用于IE<9）

li:nth-child(6n+4) {
  ...
}

li:nth-child(6n+5) {
  ...
}

如果需要，请使用您的真元素li，img或其他任何内容更改p

改变不同李的班级

2 个答案: