jQ点击那个栏目,给哪个栏目加样式,根据url判断

 <ul class="list-group  nav navbar-left">
                <li class=" nav-tabs" style="background: #3477ff">
                    <a href="{:U('Home/yonghu/index')}"><img src="__PUBLIC__/Home/img/01.png" alt=""/>
                        <i>用户中心</i></a>


                </li>
                <li class=" nav-tabs">
                    <a href=""><i><img src="__PUBLIC__/Home/img/02.png" alt=""/></i>
                        <i>用户资料</i></a>
                </li>
                <li class=" nav-tabs">
                    <a href="{:U('Home/yonghu/xmlst')}"><img src="__PUBLIC__/Home/img/03.png" alt=""/>
                        <i>项目列表</i></a>
                </li>
                <li class=" nav-tabs">
                    <a href="{:U('Home/yonghu/yaoqjl')}"><img src="__PUBLIC__/Home/img/04.png" alt=""/>
                        <i>邀请记录</i></a>
                </li>
                <li class=" nav-tabs">
                    <a href=""><img src="__PUBLIC__/Home/img/05.png" alt=""/>
                        <i>添加订单</i></a>
                </li>
                <li class=" nav-tabs">
                    <a href="{:U('Home/yonghu/fankui')}"><img src="__PUBLIC__/Home/img/06.png" alt=""/>
                        <i>反馈建议</i></a>
                </li>
            </ul>

<script>

            var url = window.location.pathname;
            $('.list-group li a').each(function(){
                var hre = $(this).attr('href');
                if(url == hre){
                    $(this).parent('.nav-tabs').css('background','#3477ff');
                    $(this).parent('.nav-tabs').siblings('.nav-tabs').css('background','');
                }
            })
   </script>