使用列表项和锚标记<li> <a></a> </li>在UL中附加内容

Question

如何使用Javascript将内容附加到带有LIST ITEM和ANCHOR TAG的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');
}