jquery当前选中高亮问题

2022-08-02 社会 100阅读

首先,HTML部分的标签嵌套是错误的,这是不符合W3C标准的写法,


这样改后,CSS方面要调整下,使其符合你的预期效果:

.active {background:#000}
.nav li {height:40px} /* 为导航菜单下的li标签设置高度(此处假设为40px) */
.nav a {display:block; height:100%} /* 让导航菜单下的a标签占满整个li标签 */

最后是javascript部分(使用jQuery):

$(document).ready(function(){         
    $("#Nav > li").find("a").click(function(){
        $("#Nav").find("li").removeClass("active");
        $(this).parent("li").addClass("active");
    });
});
声明:你问我答网所有作品(图文、音视频)均由用户自行上传分享,仅供网友学习交流。若您的权利被侵害,请联系fangmu6661024@163.com