javascript - 使用 jQuery 获取 ID 并将它们放入 Anker 导航中

Question

我有一个特殊的问题。在我的“一页”网站上，我将内容分成几个部分，例如“议程”、“事件”、“地点”等。我需要一个从该 ID 生成导航的 JavaScript，如下所示:

HTML

 <div class="navi">
        <ul>
            <li><a >Item 1 (Suppost to be Agenda)</a></li>
            <li><a >Item 2 (Suppost to be Event)</a></li>
            <li><a >Item 3 (Suppost to be Location)</a></li>
        </ul>
    </div>
    <div id="content">
        <div id="Agenda">
            Content item 1
        </div>
        <div id="Event">
            Content item 2
        </div>     
        <div id="Location">
            Content item 3
        </div>
        
    </div>

http://jsfiddle.net/RDFf9/1/

但我不知道怎么办。

Answer 1

您可以使用以下；

$("#content div").each(function() {
   $(".navi ul").append('<li><a href="#'+ $(this).attr("id") + '">' + $(this).attr("id") + '</a></li>');
});

这是一个工作演示: jsfiddle