4

我有 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>

在 em 我想添加类 popup-left

4

2 回答 2

6

为此，您不需要 jQuery。

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

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

查看更新的演示

于 2012-06-18T08:39:00.977 回答
1

如果我很好理解（并假设你有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其他任何内容）

于 2012-06-18T08:38:42.317 回答