获取其父元素的精确子元素。 jQuery的

Question

好吧，我很难打电话给某个元素。 我应该做的是获得

li.parent.iced-tea span a元素。但问题是影响 LEVEL2 li跨越标签。

<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元素的直接子元素的span链接。