javascript - 如何使用 Mootools 或 Javascript 在点击时激活样式类？

Question

我想使用 Mootools 为我的 php 应用程序创建一个选项卡 View 。我有 n 个从 php 脚本创建的选项卡。我的看法如下。

<div>
<ul id="1">
    <li>Popular</li>
    <li>New Addition</li>
</ul>
</div>
<div>
<ul id="2">
    <li>Popular</li>
    <li>New Addition</li>
</ul>
</div>
...
<div>
<ul id="n">
    <li>Popular</li>
    <li>New Addition</li>
</ul>
</div>

如何根据每个选项卡下Popularar或New Addition的点击来应用样式类active。

谢谢

Answer 1

var tabs = document.getElements('li');
tabs.addEvent('click', function() {
    tabs.removeClass('active');
    this.addClass('active');
});

尝试 example .