jQuery - 動的に作成されたメニューのメニュー項目のパスのCSSを変更します。

Question

私はそのjQueryの垂直メニューライブラリを使用していますwww.dynamicdrive.com/dynamicindex1/ddsmoothmenu.htm選択したパスの選択を行いたいと思います。のは、私はパスで（上記そのサイト上のデモで）、そのメニューを通過するとしましょう：

Folder 2 > Folder 2.1 > Folder 3.1.1 > SubItem 3.1.1.1 

私は（上記のパスから）以前のすべての項目は、その背景を変更することを望んSubItem 3.1.1.1をクリックすると、 。以下のコードは最上位の項目のみを選択します。それを修正するには？

$('#nav > li').click(function() { 
     $(this).children('a').css('background-color', 'red'); 
     $(this).parents('ul').each(function() { $(this).prev('a').css('background-color', 'red'); }); 
    }); 

。そのシナリオでは、私のコードは失敗します。

Answer 1

メニューを整理しているように見えるようにして、クリックイベント親liに子liからなり、バブルアップなので、あなただけのすべてのメニュー項目にクリックイベントをバインドし、現在の要素の背景を設定する必要があります。

$('#nav li').click(function() { 
    $(this).children('a').css('background-color', 'red'); 
}); 

あなたはまだあなたが試み＃1を解決し、別のメニュー項目を

Answer 2

をクリックすると、赤い背景の設定を解除したい場合があります

$('#nav a').click(function() { 
     $(this).css('background-color', 'red'); 
     $('a.selected').css('background-color', 'red'); 
    });