使用 JavaScript 将类添加到 for 语句中的之前和之后链接？

Question

我有 UL 中的链接列表。有人可以给我一个示例，说明如何检测所单击的链接的索引是什么，然后向 LI 中所选链接之前的所有链接添加一个类，并向 LI 中所选链接之后的所有链接添加一个不同的类吗？

Answer 1

var ul = document.getElementById('your-ul'),
    li = ul.getElementsByTagName('li');

var iterateLi = function(fn) {
    for (var i = 0, length = li.length; i < length; i++) {
        fn.call(li[i], i);
    }
};

iterateLi(function(index) {
    var thisIndex = index,
        thisLi = this;

    this.onclick = function(index) {
        iterateLi(function(index) {
            var classes = ['before', 'selected', 'after'],
                addClass;
            if (index < thisIndex) {
                addClass = classes[0];
            } else if (index == thisIndex) {
                addClass = classes[1];
            } else {
                addClass = classes[2];
            }

            for (var i = 0, length = classes.length; i < length; i++) {
            }

            var className = this.className;

            if (className) {
                var regex = new RegExp('(?:' + classes.join('|') + ')', 'g');
                className = className.replace(regex, '');
                console.log(regex, className)
            }

            this.className = className + ' ' + addClass;
        });
    };
});

jsFiddle。