javascript - ダイナミック ナビゲーション サイドバー コンテンツ

Question

私のサイトには、すべてのメイン サイト ページを含むナビゲーション サイドバーがあります。現在のページがリンクではないことを除いて、すべてのページに同じリンクがあります。そのため、現在どのページにいるかを視覚的に判断でき、理由はありません。現在のページへのリンク。現在、私はこれを手動で行っており、新しいページを作成するたびにリンクのリストをコピーして貼り付け、現在のページへのリンクをプレーン テキストに置き換えています。ただし、既存のすべてのページに戻って新しいページを追加する必要があります。現在のページのリスト項目のリンクを動的に削除し、テキストだけに置き換えるJSスクリプトなどの外部ファイルにリンクのリストを作成する方法はありますか?新しいページを追加するときにページ テンプレートとすべてのページを同時に更新しますか?

これは非常に単純なリンクのリストです。たとえば、/overworld/lightworld ページに表示されるリストは次のとおりです。

<div id="sidebar">
  <ul id="nav">
    <li>
      Overworld

      <ul>
        <li>Light World</li>

        <li><a href="/overworld/icyworld/">Icy World</a></li>
      </ul>
    </li>
  </ul>
</div>

/overworld/icyworld ページの同じリストは次のとおりです。

<div id="sidebar">
  <ul id="nav">
    <li>
      Overworld

      <ul>
        <li><a href="/overworld/lightworld/">Light World</a></li>

        <li>Icy World</li>
      </ul>
    </li>
  </ul>
</div>

リストはそれよりも長くなりますが、それがアイデアです。