JS二维数组操作记录,动态更新主导航样式

主导航样式更新:获取网址后进行判断,动态追加class

$(function() {

    function navaddclass(n) {
        var _clsname = 'active',
            _target = '#main-nav';
        $(_target + ' a').removeClass(_clsname);
        $(_target + ' a:eq("' + n + '")').addClass(_clsname);
    }

    var _url = location.href;
    _url = _url.toLowerCase();

    var _nav = new Array();
    _nav[1] = ['/index/company1', '/index/company3', '/index/company4'];
    _nav[2] = '/product/index';
    // _nav[3] = '/project/index/cid/2';
    _nav[3] = '/project/index';
    _nav[4] = '/article/index';
    _nav[5] = ['/video/', '/download/'];
    _nav[6] = '/index/company5';

    // for (var k in _nav) {
    //     if(_url.indexOf(_nav[k]) != -1) navaddclass(k);
    // }
    _nav.forEach(function(v, k) {
        if ('string' != typeof(v)) {
            for (var k2 in v) {
                // console.log(v[k2]);
                // console.log(_url.indexOf(v[k2]));
                if (_url.indexOf(v[k2]) != -1) {
                    navaddclass(k);
                    return false;
                }

            }

        }
        if (_url.indexOf(v) != -1) navaddclass(k);

    });

})
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值