アクティブなメニューでクラスを追加する方法 - jquery

Question

クラスライブラリにclasを追加するjqueryスクリプトがあります。最初の3 li クラスを追加しますが、最後の4番目をクリックすると適用されません。 はこれについて私を助けてください：

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

代わりに各メニューのコードを書いて、あなたは、単にそれが私のために働いている、このよう

$(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"); 
});