必須通過addremove添加類

Question

如何在URL中添加/刪除類到元素？

我想要做與如果

例

如果URL

{addclass（ '激活'）; //真

}否則{

removeclass（ '激活'）; //假

}

var url = window.location.href; \t 
 

 
$('.info-project').find('a').each(function() { 
 
    $(this).addClass('active', $(this).attr('href') == url); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div class="info-project"> 
 
<ul> 
 
<li><a href="#">Home</a></li> 
 
<li><a href="#">Blog</a></li> 
 
</ul> 
 
</div>

Answer 1

試試這個：把你的代碼中$(function(){})使DOM將被載入。如下圖所示

$(function(){ 
 
var url = window.location.href; \t 
 

 
$('.info-project').find('a').each(function() { 
 
    if($(this).attr('href') == url){ 
 
     $(this).addClass('active'); 
 
    } else { 
 
      $(this).removeClass('active'); 
 
    } 
 
}); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div class="info-project"> 
 
<ul> 
 
<li><a href="#">Home</a></li> 
 
<li><a href="#">Blog</a></li> 
 
</ul> 
 
</div>