Dynamic Class (loop)

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

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