Wie Klasse hinzufügen, wenn aktives Menü - jquery

Question

Ich habe jquery Skript, das Clas zu einem bestimmten li hinzufügen wird. Die ersten 3 li es Klasse hinzufügen, aber wenn Sie auf 4. bis letzten li klicken, gilt es nicht. Bitte helfen Sie mir dazu:

html: 

<ul class="sidebar-menu" id = "navigation"> 
    <li><a href="www.site.com/dashboard">Dashboard</a></li> 
    <li><a href="wwww.site.com/mycoupon">My Coupons</a></li> 
    <li><a href="www.site.com/member">View Profile</a></li> 
    <li><a href="www.site.com/update">Update Profile</a></li> 
</ul> 

Jquery: 

$(document).ready(function() { 
    var current_page = document.URL; 

    if (current_page.match(/dashboard/)){ 
     $("ul#navigation li:eq(0)").addClass('selected sel'); 
    } 

    else if (current_page.match(/mycoupon/)){ 
     $("ul#navigation li:eq(1)").addClass('selected sel'); 
    } 

    else if (current_page.match(/member/)){ 
     $("ul#navigation li:eq(2)").addClass('selected sel'); 
    } 

    else if (current_page.match(/update/)){ 
     $("ul#navigation li:eq(3)").addClass('selected sel'); 
    } 

    else { // don't mark any nav links as selected 
     $("ul#navigation li").removeClass('selected sel'); 
    } 
}); 

Answer 1

Anstatt das Schreiben von Code für jedes Menü Sie einfach so verwenden können,

$(document).ready(function() { 
    var current_page = document.URL; 
    $("#navigation li a").filter(function() { 
    return current_page.indexOf($(this).attr("href")) > -1 
    }).closest("li").addClass("selected sel"); 
});