javascript - 我想在我的导航中添加一些类(class)

Question

我使用 .selected 作为顶部导航，使用 .active 作为子导航

<div class="nav-collapse collapse navbar-collapse navbar-responsive-collapse">
<ul class="nav navbar-nav uppercase col-md-10">
    <li class="dropdown dropdown-fw open selected">
        <a href="javascript:;"><i class="icon-home"></i> Dashboard</a>
        <ul class="dropdown-menu dropdown-menu-fw">
            <li class="active"><a href="http://www.example.com/dashboard">Dashboard</a></li>
        </ul>
    </li>
    <li class="dropdown dropdown-fw">
        <a href="javascript:;"><i class="icon-puzzle"></i>example</a>
        <ul class="dropdown-menu dropdown-menu-fw">
            <li class="disabled"><a href="#">example1</a></li>
            <li><a href="http://www.example.com/2">example2</a></li>
            <li class="disabled"><a href="#">Sexample3</a></li>
            <li><a href="http://www.example.com/4">example4</a></li>
        </ul>
    </li>
</ul>

我想要的是当我单击并重定向到另一个页面时我希望 javascript 检测页面的 url 并激活我的导航栏中包含与 url 相同的 href 值的链接 + 将所选类添加到 的父级.dropdown-menu-fw

var url = window.location;
console.log(url);
$('.dropdown-menu-fw li a[href="'+ url +'"]').parent().addClass('active');
$('.dropdown-menu-fw li a').filter(function() {
return this.href == url;
}).parent().addClass('active');

Answer 1

也许你的意思是var url = window.location.href; 而不是 .location？这样就可以检索到整个 URL。

.location 检索对象。