[jQuery] Re: Apply class to range of child elements

I like it cleaner:

$('a').each(function(i){
var n = Math.floor(i/10) % 4;
$(this).addClass(
n == 0 ? 'first' :
n == 1 ? 'second' :
n == 2 ? 'third' :
n == 3 ? 'fourth' : '');
});

or

var classNames = ['first', 'second', 'third', 'fourth'];
$('a').each(function(i){
var n = Math.floor(i/10) % 4;
$(this).addClass(classNames[n]);
});

This also gives you support for infinite expansion. An index of 45
will evaluate to class 'first', 51 to 'second', 85 to 'first' again
and so on.

cheers,
- ricardo

On Feb 26, 6:29 am, mkmanning <michaell...@gmail.com> wrote:
> And just as an exercise, here's the 'jQuery' way chained:
>
> $('a').filter(':lt(10)').addClass('first').end().filter(':gt(9):lt
> (10)').addClass('second').end().filter(':gt(19):lt(10)').addClass
> ('third').end().filter(':gt(29)').addClass('fourth');
>
> Not really any speed gain though.
>
> On Feb 26, 1:21 am, mkmanning <michaell...@gmail.com> wrote:
>
> > It's possible. Here's a more traditional way:
>
> >         $('a').each(function(i,link){
> >             if(i<10){$(link).addClass('first');}
> >             else if (i>9 && i<20){$(link).addClass('second');}
> >             else if (i>19&&i<30){$(link).addClass('third');}
> >                 else if (i>29&&i<40){$(link).addClass('fourth');}
> >         })
>
> > Here's a more 'jQuery' way:
> >         $('a:lt(10)').addClass('first');
> >         $('a:gt(9):lt(10)').addClass('second');
> >         $('a:gt(19):lt(10)').addClass('third');
> >         $('a:gt(29):lt(10)').addClass('fourth');
>
> > Which is better? The first takes a little over half as long as the
> > second.
>
> > On Feb 25, 10:45 pm, Nic Hubbard <nnhubb...@gmail.com> wrote:
>
> > > I have a list of links, around 40 of them.  I want to apply classes to
> > > groups of them.  So, items 1-10 I want to apply a class to, then
> > > 11-20, then 21-30 and 31-40, each of these groups should have their
> > > own class.
>
> > > Is something like this possible?  I looked through the jQuery
> > > selectors and could not find a solution.