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

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

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

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

您可以使用:first http://api.jquery.com/first-selector/（相对于:first-child http://api.jquery.com/first-child-selector/这将获得第一个<ul>), and .addClass() http://api.jquery.com/addClass/像这样：

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

Or .first() http://api.jquery.com/first/，这是一个别名.eq(0) http://api.jquery.com/eq/ or .slice(0,1) http://api.jquery.com/slice/甚至，像这样：

$(".accordion li").first().addClass("active");
//or
$(".accordion li").eq(0).addClass("active");
//or
$(".accordion li:eq(0)").addClass("active");
//or
$(".accordion li").slice(0,1).addClass("active");

有几种方法可以解决这个问题......虽然我更喜欢:first http://api.jquery.com/first-selector/ or .first() http://api.jquery.com/first/为了清楚起见。