单页网站的自动生成导航菜单

Question

我想为单页网站创建一个自动生成的导航菜单。

<!-- 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显示 undefined 而不是页面的锚点。我不确定我应该使用什么才能获得该部分的哈希值。

Answer 1

您想要部分的ID

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