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')