当前位置: 知识网 > 建站问题

导航栏动态添加active(js实现a标签动态添加active)

知识网2022年02月28日 12:31原创

如何实现导航栏动态添加active,js实现a标签动态添加active?网络上的答案琳琅满目,找了半天没有一个是对的,经过不懈努力,终于总结出一个好用且方便的,使用jquery实现,代码如下:

HTML5代码:

html5代码

jquery代码:

jquery代码

<script type=&text/javascript&>

$(document).ready(function () {

$('#nav li a').each(function () {

if ($($(this))[0].href == String(window.location))

$(this).parent().addClass('active');

});

})

</script>

#nav是li上面的ul加上一个id=&tab_nav&,图片里面的.menu是在ul上面加了一个class,大家要明白这个原理,这里要强调的一点是,active不需要加到第一个li上面,也就是所有的li默认都没有active,js会自动去判断。如果看了本文章还有不明白的请评论留言。

本文章网址:https://www.shsongjiang.com/p135/

很赞哦!(7)

发表高见 (请对您的言行负责)

©芃睿知识网 版权所有 2012-2022 www.shsongjiang.com

备案号:赣ICP备2022001527号-1