php - 使用 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

如果我没猜错:(如果这不是你要找的评论，我会编辑我的答案)

编辑追加行:

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

向您的 JS 添加一个新函数:

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

然后在你的 CSS 中添加一个类:

.highlighted{
 background-color:yellow;
}