如何使用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 ，它将获得第一个per- <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()为清晰起见。