Reigel Gallarde

Reigel - A web developer from Philippines. I love Wordpress, PHP, jQuery, javascript, css. and html. A web developer that will bring your web designs into reality.

by Reigel Gallarde

HTML

<ul>
    <li>one</li>
    <li>two</li>
    <li>three</li>
    <li>four</li>
    <li>five</li>
    <li>six</li>
    <li class="active">seven</li>
    <li>eight</li>
    <li>nine</li>
    <li>ten</li>
    <li>eleven</li>
    <li>tweleve</li>
</ul>

CSS

.active {
    color:red
}

JavaScript

activeindex = $('li.active').index() % 6;

$('ul>li').attr('name', function (i) {
    return (i + (6 - activeindex)) % 6 + 1;
});


// for testing...
$('ul>li').text(function (i, t) {
    return t + " " + ((i + (6 - activeindex)) % 6 + 1);
});