根據當前URL |應用一個類jquery

Question

我有一個主導航，但我需要將'current'的類應用到<li>，前提是它與我指定的URL匹配。

這是我有：

$(function() { 

    var url = location.pathname; 

    if(url.indexOf('girls')) { 
    $("li#nav-01").addClass('current'); 
    } 

    if(url.indexOf('boys')) { 
    $("li#nav-02").addClass('current'); 
    } 

    if(url.indexOf('capes')) { 
    $("li#nav-03").addClass('current'); 
    } 

    if(url.indexOf('about_us')) { 
    $("li#nav-04").addClass('current'); 
    } 

    if(url.indexOf('contact')) { 
    $("li#nav-05").addClass('current'); 
    } 

    if(url.indexOf('frequently_asked_questions')) { 
    $("li#nav-06").addClass('current'); 
    } 
}); 

然後

<div id="nav-main"> 
<ul class="navmain"> 
<li id="nav-01" class=""><a href="../girls/">Girls</a></li> 
<li id="nav-02" class=""><a href="../boys/">Boys</a></li> 
<li id="nav-03" class=""><a href="../capes/">Accessories</a></li> 
... 
</ul> 
</div> 

這似乎並沒有工作，所以我要尋找的東西 ，讓我把完整的URL直到某個目錄。

所以我有。

'如果（url.indexOf ......'

我想沿着線的東西：

「如果（URL = HTTP：//www.siteaddress/directory/。 ..「

那麼接下來，如果當前的URL是」取決於URL「，那麼我指定的<li>應選擇... /目錄名/（‘當前’），是。

感謝您的閱讀。

Answer 1

我可能會將潛在的目錄匹配放在一個數組中，然後查找數組中目錄的索引，並使用該索引號來指定要使用的ID。

因爲該索引將以0爲基礎，因此我已將1添加到索引中，爲您提供基於1的索引，例如您的導航。

$(function() { 

    var arr = ['girls','boys','capes','about_us','contact','frequently_asked_questions']; 
    var dir = location.pathname.split('/')[1]; 
    var index = $.inArray(dir, arr) + 1; 
    $("#nav-0" + index).addClass('current'); 

}); 

• arr存儲目錄名
• dir是在/字符的路徑名裂。索引[1]的項目應該是第一個目錄。
• index存儲the $.inArray method的結果，該結果遍歷arr陣列，查找與dir匹配的數組，並返回索引編號。 （再次1被添加以匹配您的索引。）
• 然後將index連接到選擇器中，以選擇合適的一個。

---

編輯：改成了不使用正則表達式的分裂。不應該有必要。

Answer 2

爲什麼要使用數組？

使用與patrick dw的代碼相同的dir var ...

var dir = location.pathname.split('/')[1]; 
    $('ul.navmain').find('a[href*="' + dir + '"]').parent().addClass('current');