親を取得し、すべてのリンクにクラスを追加します

Question

入れ子になったメニューにクラスを追加する際に問題があります。クラスget-viewでリンクをクリックすると、クリックしたリンクを含むクラスnav-itemを含むdiv内のすべてのリンクにクラスを追加する必要があります。私は完全に包含divを選択し、内部のすべてのリンクにクラスを適用する方法に失われています。どんな助けも非常に高く評価されています。

私の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> 

Answer 1

次のようになります。

$(".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です。