Jquery/Javascript Lösung für URL passt Href dann fügen Sie eine Klasse hinzu

Question

So bekam ich eine grundlegende Seite, wo ich markieren muss, wo mein Benutzer ist. Bekam ein Nav mit ul> li> a

mein ideia ist es, die URL der aktuellen Seite zu erhalten, und mit einem bestimmten href von einem "a" übereinzustimmen.

Die Struktur:

<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> 

und die jquery mit Javascript (es ist ok diese beiden Jungs zu mischen?):

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!"); 

     } 

    }); 
}); 

Im studing JQuery und jscript noch so im Art neuer, Ich arbeite mit einer Lösung, die einen Teil meiner URL mit einem bestimmten href finden und übereinstimmen kann, unabhängig von der Größe der URL und wo ich hingehe.

Answer 1

Arbeiten jsfiddle

ich glaube, Sie wie gezeigt tun könnte. Keine Notwendigkeit, durch url Schleife und keine Notwendigkeit für zusätzliche Variable location.

var url = window.location.pathname.split('/'); 

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

Und ja, es ist vollkommen in Ordnung, jQuery und JS zu mischen. jQuery ist eine JS-Bibliothek, so dass es für