如何使用mootools为第一个列表项应用活动类

Question

<div class="accordion">
<ul class="navigation">
    <li>Lorem</li>
    <li>Ipsum</li>
    <li>Donor</li>
</ul>
<ul class="navigation">
    <li>Test</li>
    <li>Demo</li>
    <li>Donor</li>
</ul>
</div>

我们如何才能将“活跃”的类仅应用于第一个'li'（即; Lorem），而不是使用mootools将所有第一个'li'应用于'ul'。 我希望得到输出

<div class="accordion">
<ul class="navigation">
    <li class="active">Lorem</li>
    <li>Ipsum</li>
    <li>Donor</li>
</ul>
<ul class="navigation">
    <li>Test</li>
    <li>Demo</li>
    <li>Donor</li>
</ul>
</div>

Answer 1

document.getElement("ul.navigation > li").addClass("active");将有效。

所以

document.getElement("ul.navigation").getFirst("li").addClass("active");