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

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),而不是使用jquery在"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>

Answer 1

你可以使用:first(而不是:first-child第一个得到的<ul>),.addClass()像这样:

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

或者.first(),这是一个别名.eq(0)或.slice(0,1)甚至,就像这样:

$(".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或.first()清楚.