在jQuery中选择孩子的孩子

时间:2011-03-08 21:04:02

标签: jquery

我有一个导航整个站点导航的侧导航,我想将其剪切为当前部分的子链接。结构是这样的:

<div class="sidebarLinks">
<ul>
    <li> <!-- MAIN NAV SECTION -->
        <a href="#" id="MainA">MainA</a>
    </li>
    <li> <!-- MAIN NAV SECTION -->
        <a href="#" id="MainB">MainB</a>
        <ul>
            <li><a href="#" id="B-A">B-A</a></li>
            <li><a href="#" id="B-B">B-B</a></li>
            <li><a href="#" id="B-C">B-C</a></li>
        </ul>
    <li>
    <li> <!-- MAIN NAV SECTION -->
        <a href="#" id="MainC">MainC</a>
        <ul>
            <li><a href="#" id="C-A">C-A</a></li>
            <li><a href="#" id="C-B">C-B</a></li>
            <li><a href="#" id="C-C">C-C</a></li>
        </ul>
    <li>
</ul>
</div>

因此,如果我在B-A上,我想在侧导航中看到B-A,B-B和B-C,但不想看到MainB或任何其他链接。我尝试了以下方法,但它返回了每个主要导航部分的第二个孩子(B-B,C-B等):

$(".sidebarLinks ul li:nth-child(2)").children().show();

非常感谢任何提示。感谢。

1 个答案:

答案 0 :(得分:3)

$(".sidebarLinks > ul > li:nth-child(2) > *").show();

jQuery child selector是“&gt;”字符。您也可以使用“&gt; *”保存对.children()的调用,因为这样可以获得第n个孩子的任何元素。