Html 页面跳转添加类名的两种方式

Html 页面跳转添加类名的两种方式

# 		<ul class="nav-mu-li" id="fieid">

			<li class="muli pr d6 " id="index"><a href="#" class="current">首页</a></li>
			<li class="muli pr d6"><a 
					href="##">
			</li>
			

		</ul>

 $(document).ready(function(){
              var test = window.location.href;//获取到当前页面的href
                     console.log(test);
        //循环遍历点击的元素 a 
                 $('.nav-mu-li li a').each(function(){
                     var url=$(this).attr('href');
                     console.log(url);
//在循环遍历中比对，如果找到了与当前页面相同的href就给当前添加class
                     if(test==url){
                         $(this).addClass('active');
                     }
                 })

         })    

// 第二种写法

$(document).ready(function () {
                $(".nav-mu-li>li a").each(function () {
                    // console.log($(this)[0].href)
                    if ($($(this))[0].href == String(window.location))
                        $(this).addClass('current');

                });
            }); 

转载自其他blog并学习分享