在列表项目和锚点标记中追加UL内容<li><a></a></li>

Question

如何使用Javascript在内部追加带有列表项目和锚点标签的UL内容？ 目前我正在这样做。

for(var i = 0; i < projects.length; i++) { 
    $('<li><a href="#"></a></li>', { 
     text: projects[i].author 
    }).appendTo('#contributors'); 
} 

我可以得到，如果我只用<li></li>，但只要它的工作我添加锚标记<li><a href="#"></a></li>代码没有给出期望的结果。他的解决方案是什么？

Answer 1

请注意，正在创建a元素，以便将text和href属性应用于它。然后它被包装在li中，并且使用parent()来抓取那个li，被附加到#contributors元素。

for (var i = 0; i < projects.length; i++) { 
    $('<a />', { 
     href: '#', 
     text: projects[i].author 
    }).wrap('<li />').parent().appendTo('#contributors'); 
}