Javascript 取ID´；并使用jQuery将它们放入anker导航中

我有个特别的问题。在我的“一页”网站上，我把内容分成了几个部分，例如“议程”、“活动”、“地点”等等。我需要一个JavaScript，从该ID生成一个导航，如下所示：

HTML

但是我不知道怎么做。
你可以用下面的方法

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

$（“#content div”）。每个（函数（）{
$（“.navi ul”）.append（“
”）；
});

这是一个有效的演示：这相当简单：

循环所有要列出菜单项的项目

对于每个项目，在菜单中添加一个条目
我已经用一个普通的JavaScript示例更新了您的，但是您可以了解这在jQuery中是如何工作的

这是JavaScript：

var menu = document.getElementById("nav");
var contentContainer = document.getElementById("content")
var contentEntries = contentContainer.children;

for(var i = 0; i < contentEntries.length; i++){
    var menuEntry = document.createElement("li");
    var link = document.createElement("a");
    link.innerText = contentEntries[i].id;
    menuEntry.appendChild(link);
    menu.appendChild(menuEntry);    
}

var menu=document.getElementById（“nav”）；
var contentContainer=document.getElementById（“内容”）
var contentEntries=contentContainer.children；
对于（var i=0；i
到目前为止，您是否尝试过使用jQuery？您应该在freeloper.com上问这样的问题。人们来这里是为了帮助，而不是为了做每件事。我现在从jQuery开始，这就是为什么我对所有的可能性都不那么坚定的原因。这只是我自己的小博客，我正在尝试边做边学。^^这可能会更好。
$（“.navi ul”）.append（“
”）在演示中与您的一样，但我忘了添加我的答案这太棒了！：）如果div得到一个名为“nav”的cls，脚本是否可能只生成一个导航点？像这样：
var menu = document.getElementById("nav");
var contentContainer = document.getElementById("content")
var contentEntries = contentContainer.children;

for(var i = 0; i < contentEntries.length; i++){
    var menuEntry = document.createElement("li");
    var link = document.createElement("a");
    link.innerText = contentEntries[i].id;
    menuEntry.appendChild(link);
    menu.appendChild(menuEntry);    
}