[英]Selecting children of a child in 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>
因此,如果我在BA上,我希望在側面導航中看到BA,BB和BC,但不能看到MainB或任何其他鏈接。 我嘗試了以下操作,但是它返回了每個主要導航部分(BB,CB等)的第二個孩子:
$(".sidebarLinks ul li:nth-child(2)").children().show();
任何提示,不勝感激。 謝謝。
$(".sidebarLinks > ul > li:nth-child(2) > *").show();
jQuery子選擇器是“>”字符。 您也可以使用“> *”將調用保存到.children(),因為它將獲得作為第n個li的子元素的任何元素。
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.