jq 根据url判断添加样式

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/yueruitao/article/details/86572993

<div class="bk-more">
            <a href="/open/course/explore" class="btn btn-default">全部</a>
            <a href="/open/course/explore/yijian" class="btn btn-default">一级建造师</a>
            <a href="/open/course/explore/erjian" class="btn btn-default">二级建造师</a>
            <a href="/open/course/explore/yixiao" class="btn btn-default">一级消防工程师</a>
            <a href="/open/course/explore/erxiao" class="btn btn-default">二级消防工程师</a>
            <a href="/open/course/explore/zaojia" class="btn btn-default">一级造价工程师</a>
            <a href="/open/course/explore/erzaojia" class="btn btn-default">二级造价工程师</a>
            <a href="/open/course/explore/anquan" class="btn btn-default">安全工程师</a>
            <a href="/open/course/explore/jianli" class="btn btn-default">监理工程师</a>
            <a href="/open/course/explore/yaoshi" class="btn btn-default">执业药师</a>
            <a href="/open/course/explore/jingji" class="btn btn-default">中级经济师</a>
            <a href="/open/course/explore/bim" class="btn btn-default">BIM工程师</a>
        </div>

$(function () {
    var url = window.location.pathname;
    $('.bk-more a').each(function () {
        var hre = $(this).attr('href');
        if (url === hre) {
            //$(this).addClass('.nav-tabs').css('background', '#0099e5','color','#fff');
            //$(this).addClass('.nav-tabs').siblings('.nav-tabs').css('background', '');

            //$(this).parent('.nav-tabs').css('background','#3477ff');
             //$(this).parent('.nav-tabs').siblings('.nav-tabs').css('background','');

          $(this).css('background', '#0099e5').css('color', '#ffffff');
            $(this).siblings('.nav-tabs').css('background', '');
        }
    });
});


 

猜你喜欢

转载自blog.csdn.net/yueruitao/article/details/86572993
jq