JQuery第二个孩子

Question

我有以下代码。

<ul class="menu">
<li class="first leaf"></li>
<li class="leaf"></li>

<li class="expanded">
    <ul class="menu">
        <li class="first leaf"></li>
        <li class="leaf"></li>
        <li class="leaf"></li>
    </ul>
</li>

<li class="leaf"></li>
<li class="leaf"></li>

<li class="expanded">
    <ul class="menu">
        <li class="first leaf"></li>
        <li class="leaf"></li>
        <li class="leaf"></li>
    </ul>
</li>

<li class="leaf"></li>
<li class="leaf"></li>
</ul>

以下是js：

if (($("body").hasClass("page-node-4"))) {
    $( ".expanded > ul" ).first().show();
}

if (($("body").hasClass("page-node-13"))) {
    $( ".expanded > ul:nth-child(2)").show();
}

我的问题是第二个if语句不起作用。第一部作品。我认为我在ul:nth-child(2)部分有一个错误。但我找不到正确的方法。你能帮帮我吗？

Answer 1

我认为你的意思是在文档中第二次出现它。在这里，你得到了它的父母的第二个孩子，而且没有。

if (($("body").hasClass("page-node-13"))) {
    $( ".expanded > ul").eq(1).show();
}

jQuery的.eq()方法将集合中元素的0索引返回。