Class 如何使用mootools onclick更改ul中的类

我用mootools来做这个：我有一个ul，看起来像这样

<ul>
    <li><a class="option">TEXT</a></li>
    <li><a class="option">TEXT</a></li
    <li><a class="option">TEXT</a></li>
    <li><a class="option">TEXT</a></li>
</ul>

这是可行的，但我的问题是如何在单击事件时让其他li类“恢复到类选项”，并将当前单击的li类设置为选中的选项

(function () {
    var list = document.id('menu'),
        os = 'option-selected';

    menu.addEvent('click:relay(li .option)', function (e, el) {
        e.preventDefault();
        menu.getElements('.' + os).removeClass(os);
        el.addClass(os);
    });
}());

可以在这里玩/调整它

---

它锚定到ul元素，仅通过事件委派将1个事件附加到该元素。取决于您的策略是什么-将课程添加到li或As中，这正是我想要的，谢谢您花时间帮助我解决这件事。

(function () {
    var list = document.id('menu'),
        os = 'option-selected';

    menu.addEvent('click:relay(li .option)', function (e, el) {
        e.preventDefault();
        menu.getElements('.' + os).removeClass(os);
        el.addClass(os);
    });
}());