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> 

我有一个单击事件附加到嵌套listitems。在点击事件中，我试图选择锚标签。我已经使用了follwing选择器：

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

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

Answer 1

我可能会寻找类headTitle以及只是为了安全起见。另外，.closest()对于扫描最接近的亲本是更好的功能，因为.parents()可以匹配多个<li>项目

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