부모 요소의 정확한 자식을 가져옵니다. Jquery

Question

글쎄, 나는 특정 요소를 호출하기가 힘들었다. 내가해야만했던 것은

li.parent.iced-tea span a 요소입니다. 하지만 문제는 이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 (>) : 즉, li.iced-tea 요소의 직계 자식 만 선택 범위 링크에서

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

.