自動生成單頁網站的導航菜單

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

你想要的部分

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