如何使用jquery为第一个列表项应用活动类 洛勒姆 Ipsum 捐赠者 试验 演示 捐赠者

我们如何使用jquery将“活动”类仅应用于第一个“li”（即Lorem），而不是应用于“ul”下的所有第一个“li”。 我想得到输出为

<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>

Lorem
Ipsum
捐赠者


试验
演示
捐赠者

您可以使用（与第一个per-

相反），如下所示：

<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>

$(".accordion li:first").addClass("active");

或者，它是的别名，甚至是这样的：

<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>

$(".accordion li:first").addClass("active");

有几种方法可以解决这个问题……尽管我更喜欢或为了清楚起见