「アクティブな」クラスをナビゲーション メニューに追加して現在のページを強調表示するにはどうすればよいですか?

現在のページを反映するアクティブ ナビゲーション クラスの追加

Web 開発では、現在アクティブなページを表すメニュー項目を強調表示するのが一般的です。これを実現するには、「アクティブ」クラスを対応するメニュー リスト項目に動的に追加します。 JavaScript を使用してこれを行う方法は次のとおりです:

JavaScriptコード:

<br>$(function(){</p>
<div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false">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');
    }
})