jQuery, 960.gs - 将 'alpha' 和 'omega' 类应用到每个 1 和 4 div

Question

我正在使用 960 网格系统创建布局，并自动显示 div 项。我需要能够将“alpha”类应用于第一个，将“omega”类应用于第四个，例如div-alpha,div,div,div-omega,div-alpha,div,div,div-omega。

使用下面的代码将 alpha 类应用于所有 div：

var n = $("div.item").length;

    $('div .item').filter(function(index) {
    return n % 5 == 1;
        }).addClass('alpha');

        $('div .item').filter(function(index) {
    return n % 5 == 5;
        }).addClass('omega');

我怎样才能做到这一点？非常感谢。

Answer 1

你可以这样做：

var divs = $("div.item");
var length = divs.length
divs.eq(3).addClass('omega');
divs.eq(0).addClass('alfa');
divs.eq(length-1).addClass('omega');

如果有一个包含所有 div 的容器，你也可以使用 nth-child() 选择器

Answer 2

试试这个

var n = $("div.item").length;

    $('div .item').filter(function(index) {
    return index % 5 == 1;
        }).addClass('alpha');

        $('div .item').filter(function(index) {
    return index % 5 == 5;
        }).addClass('omega');