獲取其父元素的精確子元素。 Jquery

Question

那麼我很難調用某個元素。 我本該做的是得到

​​元素。但問題是它也是影響LEVEL2李跨越標籤。

<li class="level1-parent has-children level1 parent iced-tea open"> 

     <span class="vertnav-cat"><a href="/tea/iced-tea/iced-gold"><span>iced tea</span></a></span> 

    <ul> 
     <li class="first level2-active level2 active iced-ceylon-gold"> 
     <span class="vertnav-cat"><a href="/tea/iced-tea/iced-silver"><span>iced ceylon silver</span></a></span> 

     </li> 
    </ul> 
</li> 

所以我想知道，如何得到確切的孩子，而不去其他元素。

以下是我打來的代碼。

$("#vertnav ul li.iced-tea span a") 

這個東西的任何解決方案？

Answer 1

使用child selector（>）：

$("#vertnav ul li.iced-tea > span a") 

換句話說，只有那些li.iced-tea元素的直接子選擇跨度鏈接。