Ajaxを使用した動的メニュー

Question

データベースから動的なメニューを作成しています。ユーザーがプロフィールをクリックすると、そのプロフィールが強調表示されている必要があります。ここにプロファイルのメニューがあります。私のメニューはすばらしく、メニューの要素をハイライト表示する方法については助けが必要です。助けてくれてありがとう。

function childMenu(profileId){ 

var path = location.pathname; 

    $.ajax({ 
    type: 'POST', 
    url: '',     //the script to call to get data   
    data: "method=getChildProfile&profileId="+profileId, //requirements 
    dataType: 'xml',      //data format  
    success: function(xml)  
    { 
    $(xml).find('Child').each(function() 
    { 
    var proId = $(this).attr('profileId'); 
    var lName = $(this).find('lName').text(); 
    var fName = $(this).find('fName').text(); 

    $("#childMenu").append("<li><a href='"+path+"?child="+proId+"&fName="+fName+"&lName="+lName+"'></a></li>"); 

    }); 
    } 
    }); 

} 

Answer 1

私はあなたが正しい取得していた場合：（それはあなたがコメント探しているものはない場合、私は私の答えを編集します）

編集append行：

$("#childMenu").append("<li><a href='"+path+"?child="+proId+"&fName="+fName+"&lName="+lName+"' onClick='javascript:doHighlight(this)'>???</a></li>"); 

function doHighlight(elem) 
{ 
if(elem.className == "highlighted") 
    elem.className = ""; 
else 
    elem.className = "highlighted"; 
} 

そして、あなたのCSSにクラスを追加します：あなたのJSに新しい機能を追加

あなたのメニューが組み込まれていたら、あなたは、あなたはあなたのことができます。

$('#childMenu li.selected') 

で<li>を選択し得ることができ、あなたの<li>

$('#childMenu li').click(function() { 
    $('#childMenu li.selected').removeClass('selected'); 
    $(this).addClass('selected'); 
}); 

をハイライト表示されますクリックイベントハンドラを追加する必要があります10

.highlighted{ 
background-color:yellow; 
} 

Answer 2

.select cssクラスを編集して、背景色や必要なものを変更します。