Html 当用户在该页面上时，导航栏指示灯亮起

正在处理导航菜单，但我的问题是，当我在我按下的站点上时，如何使菜单按钮呈浅绿色，以便我可以看到我在Dagvakt内，例如

菜单只有在鼠标悬停时才亮绿色，当用户在该站点时也应亮起。Jsfiddle：

Html:

  <ul id="nav">
    <li><a href="#"><img src="images/home.png" /> Forside</a>
    </li>
    <li><a href="#"><span><img src="images/temperatur.png" /> Måling</span></a>
    </li>
    <li><a href="#"><span><img src="images/sol.png" /> Dagvakt</span></a>
    </li>
    <li><a href="#"><img src="images/kveld.png" /> Kveldsvakt</a>
    </li>
    <li><a href="#"><img src="images/vaske.png" /> Kontroll CM</a>
    </li>
    <li><a href="#"><img src="images/søk.png" /> Søk</a>
    </li>
    <li><a href="#"><img src="images/top2.png" /> Statistikk</a>
    </li>
    <li><a href="#"><img src="images/top3.png" /> Rapport</a>
    </li>
</ul>

HTML

   <div class="navbar-collapse collapse">
        <ul class="nav navbar-nav">
            <li><a href="#">Home</a></li>
            <li class="active"><a href="#">profile</a></li>
            <li><a href="#">Contact</a></li>
        </ul>
     </div>

Jquery:

$('li').on('click', function(){
   $('li').removeClass('active');
   $(this).toggleClass('active');
})

小提琴

---

有一个问题，当文本处于活动状态时，我如何更改文本颜色？添加颜色：白色或其他不起作用的内容，因为它在css中已经是颜色：白色。请帮帮我，兄弟。等一下，让我看看。。！！你能用白色文字更新小提琴吗？谢谢：）

ul
{
    list-style-type:none;
    width:500px;
}
li
{
 float:left;
    display:inline-block;
    text-align:center;
    width:100px;  
    
    background-color:#003366;
    padding:10px;
       
}
a
{
   color:white;
    text-decoration:none;
}
li.active {
    background-color:red;
    text-transform:uppercase;
   
}
li.active a{
    color:white;
    text-transform:uppercase;
   
}

$('li').on('click', function(){
   $('li').removeClass('active');
   $(this).toggleClass('active');
})