公用menu加active方法

js

$(function () {

            var _nava = $('.nav-bar li a');

            var _url = window.location.href;

            var _host = window.location.host;

            for (var i = 0; i < _nava.length ; i++) {

                var _astr = _nava.eq(i).attr('href');

                if (_url.indexOf(_astr) != -1) {

                    _nava.eq(i).addClass('active').siblings().removeClass('active');

                } else if (_url == ('http://' + _host + '/')) {

                    _nava.eq(0).addClass('active').siblings().removeClass('active');

                }

            }

        })

html

<ul class="clearfix nav-bar">

                <li class=""><a id="homeBtn"  href="/index">Home</a></li>

                <li class=""> <a href="/quiz_completion_history">E-Assessment completion history</a</li>

                <li class=""><a href="/about_us">About mandatory training</a></li>

                <li class=""><a href="/contact_us">Contact us</a></li>

                <li class=""><a href="/faqs">FAQs</a></li>

 </ul>