Question

我正在使用960网格系统创建布局，并且具有自动显示的div项目。我需要能够将'alpha'类应用于第一类和'omega'类到第四类，例如DIV-α，DIV，DIV，DIV-ω，DIV-α，DIV，DIV，DIV-ω

使用下面的代码将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');

jQuery，960.gs - 将'alpha'和'omega'类应用于每个第1和第4个div

2 个答案: