trouver tous les liens dans une liste avec une classe spécifique

Question

J'ai un menu principal:

<ul class="menu"> 
<li><a href="/"><span class="l"></span><span class="r"></span><span class="t">Home</span></a></li> 
<li><a href="<%= Url.Action("Login", "User")%>"><span class="l"></span><span class="r"></span><span class="t">My Account</span></a></li> 
<li><a href="#"><span class="l"></span><span class="r"></span><span class="t">Post Idea</span></a></li> 
<li><a href="#"><span class="l"></span><span class="r"></span><span class="t">Browse Ideas</span></a></li> 
<li><a href="#"><span class="l"></span><span class="r"></span><span class="t">Invest in Ideas</span></a></li> 

Et je suis en train de sélectionner le lien actif en utilisant jQuery:

<script type="text/javascript"> 
    $(document).ready(function() { 
     var path = location.pathname; 
     var home = "/"; 
     $("a[href='" + [path || home] + "']").addClass("top-menuactive"); 
    }); 
</script> 

Cependant le javascript décrit ci-dessus trouve tous les liens sur le site, pas seulement les liens dans le menu.

Comment puis-je modifier le script pour sélectionner uniquement les liens dans <ul class="menu">

Answer 1

Vous pouvez utiliser le sélecteur descendant:

<script type="text/javascript"> 
    $(document).ready(function() { 
     var path = location.pathname; 
     var home = "/"; 
     $("ul.menu a[href='" + [path || home] + "']").addClass("top-menuactive"); 
    }); 
</script>