如何使用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> 

我們如何申請一類是「積極的」先「禮」（即;的Lorem）只，而不是在「UL所有第一「禮」 '使用jquery。 我想獲得輸出

<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()。