计算子DIVs +添加课程

Question

我有以下一些代码在页面上显示缩略图：

<div id="gallery"> <div class="thumbnail"> <img src="" /> </div> </div>

这将循环显示15 .thumbnail DIV。

我想在第5个DIV和第10个DIV上添加一类“.last”。对于11-15个DIV来说，这是一个“.bottom-last”。

我明白这是要走的路：http://api.jquery.com/length/但是无法找到计算方法然后附上课程的方法。

任何指针？

非常感谢

Answer 1

使用传递索引的每个方法作为参数..

$('#gallery .thumbnail').each( function(idx){
if (idx==4 || idx==9)
  $(this).addClass('last');
if (idx > 9)
  $(this).addClass('bottom-last');
} );

请注意数字是1减去你想要的数字，因为索引是从零开始的

Answer 2

如果您不介意语法，这是一种方法。 （当然，您也可以轻松使用传统的if()语句）

试一试： http://jsfiddle.net/bBgTs/1/

$('#gallery .thumbnail').addClass(function(i) {
    return ((i == 4 || i == 9) && 'last') || (i > 9 && 'bottom-last');
});

Answer 3

$(".thumbnail:eq(4), .thumbnail:eq(9)").addClass("last");
$(".thumbnail:gt(9)").addClass("bottom-last");