javascript - 単一ページのWebサイト用に自動生成されたナビゲーションメニュー

Question

単一ページのWebサイト用に自動生成されたナビゲーションメニューを作成したいと思います。

<!-- html -->
<section id="home">
</section>
<section id="aboutus">
</section>
<section id="contactus">
</section>
<nav id="nav_menu">
</nav>

// jQuery
<script>
  $(function() {
    $('section').each(function(index) {
      $('#nav_menu').append('<a href="'+$(this).hash+'">&diams;<br /></a>')
    });
  });
</script>

ページのセクションごとにひし形を作成したいと思います。各ひし形には、対応するページへのアンカーがあります。

問題は、$（this）.location.hashがページのアンカーの代わりに未定義を表示することです。セクションのハッシュを取得するために何を使用すればよいかわかりません。

Answer 1

セクションのIDが必要です

$('section').each(function(index) {
  $('#nav_menu').append('<a href="#'+this.id+'">&diams;<br /></a>')
});