問題のページ: 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>