2017-01-16 38 views
1

私はjQueryの
変更メニューの背景色

function activeMenu() { 
    var curr_url = window.location.pathname ; 
    var curr_menu = $("a[href$='" + curr_url + "']"); 
    $(curr_menu).css("background", "#fff"); 
} 
activeMenu(); 

を使用して、BG色を追加していサブメニュー
HTML

<ul class="nav navbar-nav float-xs-right top-nav"> 
    <li class="nav-item"><a class="nav-link" href="/our-work/">Our Work</a></li> 
    <li class="nav-item dropdown"> 
     <a class="nav-link dropdown-toggle" href="/what-we-do/">What We Do</a> 
      <div class="dropdown-menu"> 
       <a class="dropdown-item" href="/what-we-do/we-develop/">We Develop</a> 
       <a class="dropdown-item" href="/what-we-do/we-promote/">We Promote</a> 
       <a class="dropdown-item" href="/what-we-do/we-support/">We Support</a> 
      </div> 
    </li> 
    <li class="nav-item"><a class="nav-link" href="/contact/">Contact</a></li> 
</ul> 

とメニューを持っていますタグのbg色を変更していて、サブメニューの ' s bgの色が変化しています。
しかし、サブメニューではなく親メニューのbg色を変更したい。
jQueryを使用して親メニューを選択する方法はありますか?

答えて

3

このjQueryのメソッドを参照してください:あなたのケースではhttps://api.jquery.com/parent/

を、私は、これはあなたが探しているものだと思います。

function activeMenu() { 
    var curr_url = window.location.pathname ; 
    var curr_menu = $("a[href$='" + curr_url + "']"); 
    $(curr_menu).parent(".dropdown-toggle").css("background", "#fff"); 
} 
activeMenu(); 
関連する問題