jQuery / javaScript解决方案匹配HREF，然后添加一个类

Question

所以，我得到了一个基本页面，我需要在其中突出显示我的用户在哪里。获得了带有ul> li> a

的导航

我的理论是获取当前页面的URL，并与一个" A"的一个特定HREF匹配。

结构：

   <header>
<a href="#" id="toggle-nav"><span class="trigger"></span></a>
<nav>
    <ul id="nav-top">
        <li><a href="../Index/Index.html" title="Home">Home</a></li>
        <li><a href="#" title="#">Aluno</a>
            <ul class="sub-menu">
                <li><a href="../Index/areadoaluno.html" title="Area do Aluno">Area Do Aluno</a></li>
                <li><a>sub-item</a></li>
                <li><a>sub-item</a></li>
            </ul>
        </li>
        <li><a href="#">Json</a>
            <ul class="sub-menu">
                <li><a href="Json.html" title="Teste Json">Json Teste</a></li>
                <li><a>sub-item</a></li>
                <li><a>sub-item</a></li>
            </ul>
        </li>
    </ul>
</nav>
</header>

和与javascript的jQuery（可以混合这两个家伙吗？）：

var url = window.location.pathname.split( '/' );
var i;
var location = "";
for(i = 0; i < url.length; i++)
    {
        location += url[i];     
    }

    $('#nav-top a').each(function(){
    var href = $(this).attr('href'); 
        if( location.indexOf(href) > -1 ) 
        {
            alert("Yes!");
        } 
    });
});

我正在介绍jQuery和jscript，所以我是一种新的，我可以使用一种解决方案，可以找到并匹配我的URL的一个部分，并与特定的HREF，一个URL大小的iDepentent，以及我去的位置。

Answer 1

工作jsfiddle

我认为您可以按照显示的方式做。无需循环循环url，无需额外的可变location。

var url = window.location.pathname.split('/');
$('#nav-top a').each(function() {
    var href = $(this).attr('href'); 
    if (url.indexOf(href) > -1) {
        alert("Yes!");
    } 
});

是的，混合jQuery和js是完全可以的。jQuery是一个JS库，所以这就是