添加主動導航 Class 基於 Url 類似 url

Question

我正在嘗試在導航中添加活動 class 。 我用了這篇文章。 添加主動導航 Class 基於 URL

$(function(){
    var current = location.pathname;
    $('#nav li a').each(function(){
        var $this = $(this);
        // if the current path is like this link, make it active
        if($this.attr('href').indexOf(current) !== -1){
            $this.addClass('active');
        }
    })
})

它運作良好。 但我的問題是在這種情況下。

/blog, /blogAds

如果 url 是/blog,則將活動 class 添加到兩個導航項。 有什么解決辦法嗎？

Answer 1

嘗試這個

if( new RegExp(location.pathname + "$").test( $this.attr('href') ) ) {
    $this.addClass('active');
}

經測試：

new RegExp('\/blog$').test('/blogAds'); // returns false
new RegExp('\/blog$').test('/blog'); // returns true

參考