js实现li标签带链接切换选中状态

用js实现超链接导航菜单点击切换选中时的状态

<div class="row  border-bottom">
    <div class="col-lg-12">
        <div class="tab_title">
            <ul class="nav nav-pills">
                <li class="current">
                    <a href="/my">我的主页a>
                li>
                <li>
                    <a href="/setting">设置a>
                li>
            ul>
        div>
    div>
div>

    tabTitle: function () {
		// 超链接选项卡切换
        var urlstr = location.href; //获取点击的url
        var urlstatus = false;    //标识点击状态
        $(".tab_title ul li a").each(function () {
            if ((urlstr + '/').indexOf($(this).attr('href')) > -1 && $(this).attr('href') != '') {
                $(this).parent("li").addClass('current');   //添加点击状态类
                urlstatus = true;   //切换点击状态
            } else {
                $(this).parent("li").removeClass('current');  //移除点击状态类
            }
        });
    }