Jquery / Javascript URL 的解决方案匹配 Href 然后添加 Class
Jquery / Javascript Solution for URL matches Href then add a Class
所以,我得到了一个基本页面,我需要在其中突出显示我的用户所在的位置。使用 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>
和 jquery 与 javascript(可以混合这两个家伙吗?):
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,以及我要去的地方。
工作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 库,所以这就是它的用途
所以,我得到了一个基本页面,我需要在其中突出显示我的用户所在的位置。使用 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>
和 jquery 与 javascript(可以混合这两个家伙吗?):
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,以及我要去的地方。
工作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 库,所以这就是它的用途