Jquery选择器问题

Question

我有一个工作选择器，但我只是想知道是否还有其他方法可以编写它。这是html结构：

<ul class="TopList">
    <li class="headTitle">
                <a href="#">THIS IS TEXT I WANT TO SELECT</a>
        <ul>
            <li id="list1">item 1</li>
            <li id="list2">item 2</li>
            <li id="list3">item 3</li>
        </ul>
    </li>
</ul>

我有一个附加到嵌套列表项的点击事件。在点击事件中，我试图选择锚标记。我使用了以下选择器：

$(this).parents('li').children('a')

这是选择锚标记的最有效方法吗？

Answer 1

我可能也会寻找班级headTitle，只是为了安全起见。此外，.closest()是扫描最近父母的更好功能，因为.parents()可以匹配多个<li>项目

$(this).closest('li.headTitle').children('a')