jQuery选择性选择

tinti 发表于 Dev

染过的

我有一些动态菜单。一次，当有人单击菜单中的链接时，我要突出显示此单击的菜单。

$("#my_menu > li").click(function(){
   var clickedId = $(this).attr('id');
   $("#" + clickedId).css("font-weight", "bold");
   $("#" + clickedId).css("background-color", "#E0E0E0");
   $('#navigation_submenu').show(); //this is not important
});

但是现在我必须将其他菜单恢复到初始状态。请有人可以帮助我该怎么做？谢谢

丹尼

更好的方法是使用addClass()和removeClass()这种方式：

首先在您的CSS中为活动项创建一个类：

.active {
   font-weight:bold;
   background-color:#E0E0E0;
}

然后用jQuery：

$("#my_menu > li").click(function(){
   //Remove previous active item
   $("#my_menu > li").removeClass('active');
   //Add class on clicked element
   $(this).addClass('active')   
});

检查这个演示小提琴

本文收集自互联网，转载请注明来源。

如有侵权，请联系 [email protected] 删除。