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

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

1 个答案: