javascript - 現在のページのタイトルを取得し、文字列に一致させ、その特定の要素にクラスを割り当てる jQuery / Javascript メソッド

Question

わかりました、私が持っているとしましょう：

<title>Monkey</title>

そして、いくつかのナビゲーション：

<ul id="navigation">
    <li>
        <a href=#">Monkey</a>
    </li>
</ul>

サイトが読み込まれると、ページのタイトルが変数として保存されるので、文字列を #navigation 内の何か (この場合は Monkey) と一致させたいと考えています。テキストの文字列を見つけた後、クラスを割り当てます。

<ul id="navigation">
    <li class="current">
        <a href="#">Monkey</a>
    </li>
</ul>

人々が私を参照できる例はありますか?

Answer 1

これを試して：

$('#navigation a').filter(function() {
    return $(this).text() == document.title;
}).closest('li').addClass('current');