親画像に背景画像を付けますか？

Question

私は何をしようとしていますか？

私はメニュー内にサブメニューを持っています。

これは私がイムは、親ビットで間違っていると思います。..

$('li.on').closest('ul').parent('li').css({ backgroundImage: 'url(/content/images/point.png)', backgroundRepeat: 'no-repeat' }); ; 

私がしようとしていますjqueryのでしょうか？

これは私がテストをクリックした場合そう、スポーツやレジャーの背景を取得する必要があります...

<div class="sideMenu2"> 
    <ul> 
     <li><a href>retail</a> 
      <ul class="subsideMenu2"> 
       <li ><a href="/portfolio/5/0">cabot circus</a></li> 
       <li><a href="/portfolio/6/0">st. stephen&#39;s</a></li> 
       <li><a href="/portfolio/7/0">silverburn</a></li> 
       <li><a href="/portfolio/8/0">the elements</a></li> 
      </ul> 
     </li> 
     <li><a href>sports &amp; leisure</a> 
      <ul class="subsideMenu2"> 
       <li class= "on"><a href="/portfolio/19/0">test</a></li> 
      </ul> 
     </li> 
    </ul> 

メニューですが、現在は小売です。

Answer 1

あなたが書いたjquery式の冒頭で右に$('li.on')があるので、小売りの理由があります。これは小売店の下でその影響を受ける小売店に行くときliを選択しています。

正しいターゲットを取得するには、最初のjquery式を取得する必要があります。これはクリックハンドラにある場合は$(this)に変更するだけで簡単ですが、正確にはコンテキストに依存します。あなたがclickハンドラをバインドするのを忘れたよう

Answer 2

が見えます。これは、ユーザーがアンカー（<a>）をクリックする場合のデフォルトのアクションを防ぐためにも重要です。

$('li.on a').on('click', function(event) { 
    event.preventDefault(); 
    $(this).closest('ul').parent('li').css({ 
    'backgroundImage': 'url(/content/images/point.png)', 
    'backgroundRepeat': 'no-repeat' 
    }); 
}); 

デモ：あなたは私たちを示してきたマークアップのためにhttp://jsfiddle.net/qHUT4/