0

問題のページ: http://wlvrtn.com/sites/nms-chapters/page.php

このページは現在、3 つのチャプターで構成されており、それぞれが独自の記事タグに含まれています。将来的には、チャプターの記事を追加し、フローティング チャプター ナビゲーションにチャプター リンクを追加する予定です。

私が達成したいこと:

リストの最初のリンクがページの最初の記事を指し、2 番目のリンクが 2 番目の記事を指すように、jQuery を介してチャプター ナビゲーション リンク先を自動化したいと考えています。

つまり、第 4 章の記事を追加する場合、id "article-04" を指定する必要はありません。チャプター ナビゲーションの 4 番目のリンクが追加されたときに、それが新しい記事を指す必要があることを知りたいです。「n番目の子供」がこれに関与していると推測していますが、私は新しすぎてわかりません.

ありがとう、xo


章のナビゲーション:

<nav id="chapters">
  <ul>
     <li><a href="#">Chapter One</a></li>
     <li><a href="#">Chapter Two</a></li>
     <li><a href="#">Chapter Three</a></li>
  </ul>
</nav>

章の記事:

<article class="clearfix">
  <h1>Chapter One</h1>
</article>
<article class="clearfix">
   <h1>Chapter Two</h1>
     <p>And so on...</p>
4

3 に答える 3