如何不点击标签<a>？

Question

我怎样才能点击第一层标签而不是第一层嵌入的其他标签？

例如，这将HTML，

<!-- tile-tag --> 
<div class="tile-tag"> 

    <h3>tags</h3> 
    <ul> 
    <li> 
     <span>&#43;</span><a href="#">pr</a> 
     <ul> 
      <li><span>&#95;</span><a href="#">sub tag</a></li>  
      <li><span>&#95;</span><a href="#">sub tag</a></li> 
     </ul> 
    </li> 

    <li> 
     <span>&#43;</span><a href="#">interfaith</a> 
     <ul> 
      <li><span>&#95;</span><a href="#">sub tag</a></li>  
      <li><span>&#95;</span><a href="#">sub tag</a></li> 
     </ul> 
    </li> 

    <li> 
     <span>&#43;</span><a href="#">green</a> 
     <ul> 
      <li><span>&#95;</span><a href="#">sub tag</a></li>  
      <li><span>&#95;</span><a href="#">sub tag</a></li> 
     </ul> 
    </li> 

    <li> 
     <span>&#43;</span><a href="#">Tole-rants</a> 
     <ul> 
      <li><span>&#95;</span><a href="#">sub tag</a></li>  
      <li><span>&#95;</span><a href="#">sub tag</a></li> 
     </ul> 
    </li> 

    <li> 
     <span>&#43;</span><a href="#">media-training</a> 
     <ul> 
      <li><span>&#95;</span><a href="#">sub tag</a></li>  
      <li><span>&#95;</span><a href="#">sub tag</a></li> 
     </ul> 
    </li> 

    <li> 
     <span>&#43;</span><a href="#">public speaking</a> 
     <ul> 
      <li><span>&#95;</span><a href="#">sub tag</a></li>  
      <li><span>&#95;</span><a href="#">sub tag</a></li> 
     </ul> 
    </li> 

    <li> 
     <span>&#43;</span><a href="#">ethics</a> 
     <ul> 
      <li><span>&#95;</span><a href="#">sub tag</a></li>  
      <li><span>&#95;</span><a href="#">sub tag</a></li> 
     </ul> 
    </li> 

    <li> 
     <span>&#43;</span><a href="#">clients</a> 
     <ul> 
      <li><span>&#95;</span><a href="#">sub tag</a></li>  
      <li><span>&#95;</span><a href="#">sub tag</a></li> 
     </ul> 
    </li> 

    <li> 
     <span>&#43;</span><a href="#">people</a> 
     <ul> 
      <li><span>&#95;</span><a href="#">sub tag</a></li>  
      <li><span>&#95;</span><a href="#">sub tag</a></li> 
     </ul> 
    </li> 

</div> 
<!-- tile-tag --> 

jQuery的，

$('.tile-tag a').click(function(){ 
     //alert($(this).text()); 

     // Set the variable. 
     var parent_object = $(this).parent(); 
     var siblings_parent = parent_object.siblings(); 

     // Clean all siblings' style. 
     siblings_parent.removeClass('current-tag'); 
     $('span:first',siblings_parent).html('+'); 
     $('ul',siblings_parent).slideUp('fast'); 

     // Attach style to object's parent. 
     parent_object.toggleClass('current-tag'); 
     $('ul',parent_object).slideToggle('fast'); 

     // Swap the object's parent's span html 
     if(parent_object.hasClass('current-tag')) $('span:first',parent_object).html('–'); 
     else $('span:first',parent_object).html('+'); 

     return false; 
    }); 

$('.tile-tag a')这将适用于所有标签，包括子标签。但我不会将此代码应用于子标签。

我该如何做到这一点？

Answer 1

所以你想要在第一个ul？

$('.tile-tag > ul > li > a') 

见child selector API页面，并比较了descendant selector。