Dynamic Class (repeat)

by il kamil

HTML

<div id="menu">
    <ul>
        <li>one</li>
        <li>two</li>
        <li>three</li>
        <li>four</li>
        <li>five</li>
        <li>six</li>
        <li>seven</li>
        <li>eight</li>
        <li>nine</li>
        <li>ten</li>
    </ul>
</div>

CSS

ul, ul li {
    padding:0;
    margin:0;
    list-style:none;
}

JavaScript

var i = 0;
var count = 5;
$("#menu ul li").each(function () {
    if (i < count) {
        i++
    } else {
        i = 1;
    }
    $(this).addClass("item-" + (i));
});