基於url的JQuery活動類沒有按預期工作

Question

我對以下邏輯無法按預期工作的原因感到茫然。我想在點擊時刪除任何活動類，然後將該類添加回僅與li相對應的href。

var str=location.href.toLowerCase(); 
    $(".navlinks li a").each(function() { 
    if (str.indexOf(this.href.toLowerCase()) > -1) { 
    $("li.active").removeClass("active"); 
    $(this).parent().addClass("active"); 
    } 
}); 

<ul class="navlinks"> 
     <i class="fa fa-bars"></i> 
     <li><a href="/give">Give</a></li> 
     <li><a href="/contact">Contact</a></li> 
     <li><a href="/volunteer">Volunteer</a></li> 
     <li><a href="/events">Calendar</a></li> 
     <li><a href="/services">Services</a></li> 
     <li><a href="/about">About</a></li> 
     <li><a href="/">Home</a></li> 
    </ul> 

目前一個空白類正在被附加到每個點擊。

Answer 1

只是把這個裏面的if語句：

$("li.active").removeAttribute("class"); 
$(this).parent().addClass("active"); 

對我來說，它的工作原理。

編輯：把這個之外：

Var isexecutedonce = false; 

和foreach循環寫入內部：

If(!isexecutedonce){ 
    $("li.active").removeAttribute("class"); 
    Isexecutedonce = true; 
    } 

此外，如果：

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