jQuery，960.gs - 应用“alpha”和“欧米茄”每个第 1 和第 4 分区的班级

发布于 2024-11-17 20:26:58 字数 456 浏览 2 评论 0原文

我正在使用 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');

我怎样才能实现这一点？非常感谢。

原文

I am creating a layout using the 960 grid system and have div items that are displayed automatically. I need to be able to apply an 'alpha' class to the first and 'omega' class to the fourth e.g. div-alpha,div,div,div-omega,div-alpha,div,div,div-omega.

Using the code below it is applying the alpha class to all of the divs :

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');

How can I achieve this? Many thanks in advance.

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

拒绝两难 2024-11-24 20:26:58

你可以这样做：

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() 选择器

You could do:

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

if there is a container that contains all your divs you could also use the nth-child() selector

回复收藏 0 原文

听你说爱我 2024-11-24 20:26:58

试试这个

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');

Try this

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');

回复收藏 0 原文

~没有更多了~