jQuery each() infinite loop

[Harley1979]

Hi there,

I have this code which I'm trying to use to apply a class name to each list item.

car $myClass = ["teal", "peach", "salmon", "pink", "blue"];

$('#Navigation ul li').each(function(index){
$(this).addClass($myClass[index]);
})

The problem is that when it reaches the end of the array it stops. How can I keep looping incase there is more than 5 list items?

Thanks

[DanInMa]

this will add a class of indexover to the rest of the li's in question. I am assuming you would like to just start over from the array classes. that will require some type of math calculation in the else block, but frankly i suck at math so i didnt even try.

var $myClass = ["teal", "peach", "salmon", "pink", "blue"];
var $l = $myClass.length

$('#Navigation ul li').each(function(index){
if ( index < $l){
 $(this).addClass($myClass[index]);
}
else{
$(this).addClass('indexover');
}
})

[devnull69]

Try this. It uses the modulo operator for the loop

var $myClass = ["teal", "peach", "salmon", "pink", "blue"];
var $l = $myClass.length

$('#Navigation ul li').each(function(index){
 $(this).addClass($myClass[index % $l]);
})

[Harley1979]

For some reason that if statement seems to break the code. It looks like it makes sense though. Maybe a syntax error?