JS控制增加菜单选中样式改怎么写

现在我有这样一个菜单<li class="nav-item has-treeview ">
    <a href="#" class="nav-link">
        <i class="nav-icon fa fa-cubes"></i>
        <p>
            固定资产管理
            <i class="right fa fa-angle-left"></i>
        </p>
    </a>
    <ul class="nav nav-treeview">
        <li class="nav-item">
            <a href="" class="nav-link">
                <i class="fa fa-warehouse nav-icon"></i>
                <p>库房管理</p>
            </a>
        </li>
        <li class="nav-item">
            <a href="/admin/Assets/AssetsAllot" class="nav-link">
                <i class="fa fa-pallet nav-icon"></i>
                <p>资产调拨管理</p>
            </a>
        </li>
        <li class="nav-item">
            <a href="/admin/Assets/AssetsInfo" class="nav-link">
                <i class="fa fa-boxes nav-icon"></i>
                <p>资产信息管理</p>
            </a>
        </li>
    </ul>
</li>如何用JS控制,点击上级菜单("固定资产管理")在标签"a"增加active的样式,然后点击下级菜单("库房管理")在标签"a"增加active的样式,求大师指导,前台比较菜