2011-12-06 71 views
2

中的所有鏈接我遇到了在嵌套菜單上添加類的問題。當我點擊一個帶類get-view的鏈接時,我需要添加一個類到包含div的所有鏈接,包括我點擊的鏈接。我完全迷失瞭如何選擇包含div並將類應用於所有內部鏈接。任何幫助mucho讚賞。獲取父級並將類添加到

我的HTML看起來像這樣

<div class="nav-item"> 
    <a href="1.html" class="get-view subnav-main"><span>Main Link 1</span></a> 
</div> 
<div class="nav-item"> 
    <a href="2.html" class="get-view subnav-main"><span>Main Link 2</span></a> 
</div> 
<div class="nav-item"> 
    <div class="subnav-main subnav-more"> 
     <a href="3.html" class="get-view subnav-main"><span>Main Link 3</span></a> 
     <div class="subnav-subnav subnav-closed"> 
      <a href="3.html" class="get-view">Sublink 1</a><br /> 
    <a href="4.html" class="get-view">Sublink 2</a><br /> 
    <a href="5.html" class="get-view">Sublink 3</a><br /> 
     </div> 
    </div> 
</div> 

回答

3

這應該工作:

$(".get-view").click(function() { 
    // Remove [YourClass] from any element that might already have it 
    $(".YourClass").removeClass("YourClass"); 

    //Add [YourClass] based on your requirements 
    $(this).closest(".nav-item").find("a").addClass("YourClass"); 
}); 

這裏的a working fiddle

+0

@ thirtydot,謝謝!我只是注意到了! –

+0

賓果!謝謝詹姆斯。正是我在找什麼。 – rennacs

+0

斯里詹姆斯澄清後,最近的翅膀和最好的選擇錯過了他原來的職位。 –