公共导航a标签跳转添加样式

在开发公共导航页面时，大家可能会遇到这样一个问题，在a标签点击跳转页面后，被点击的a标签添加的样式刷新后消失。

html

<li id="nav" class="header-li-ml"> <a class="list" href="#">服务</a> </li>

css

.selected_login{ background: #FDC003; color: #fff; }

js

$(document).ready(function() { $("ul #nav a").each(function() { $this = $(this); if($this[0].href === String(window.location)) { $("ul #nav a").removeClass("selected_header"); $this.parent().addClass("selected_header"); } }); });