0

サイトにナビゲーションを追加するための HTML コードを以下に示します。(リストがネストされていることに注意してください)

<div id="navigation">
       <ul>
        <li><a href="default.html">Home</a></li>
        <li><a href="about.html">About us</a></li>
        <li><a href="help.html">Help</a></li>
        <li><a href="#">DropDown</a>
          <ul>
            <li><a href="#">Link 1</a></li>
            <li><a href="#">Link 2</a></li>
            <li><a href="#">Link 3</a></li>
          </ul>
        </li>
        <li class="last"><a href="#">A Last Link Text</a></li>
      </ul>
</div>

現在アクティブなページ リンクを新しい色で表示したい。したがって、対応するリスト項目のクラスをアクティブにする必要があり、CSS を使用して色を変更します。たとえば、default.htmlが現在開いているページの場合、コードは<li class=“active”&gt;<a href="default.html">Home</a></li>.

jQuery と JavaScript でそれを行う方法 (2 つの異なる Web サイトには両方が必要です)。誰でも私を助けることができますか？

ご協力いただきありがとうございます。

4

2 に答える 2

0

これを試して

$(document).ready(function () {
    var url = location.href;
    $('#navigation li a').each(function () {
        var thisHref = this.getAttribute('href');
        if (thisHref !== '#' && url.indexOf(thisHref) !== -1) {
            $(this.parentNode).addClass('active');
            return;
        }
    });
});
于 2013-09-27T04:57:33.443 に答える
0

URL を取得 / 解析:

var pathname = window.location.pathname;

次に、クラスを追加します。

Jクエリ:

$(element).addClass('classname');

JS:特定の要素にクラスを追加するにはどうすればよいですか?

于 2013-09-27T04:33:07.563 に答える