如何使用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()為清晰起見。