javascript - 使用列表项和锚标记在 UL 中附加内容

Question

如何使用 Javascript 将内容附加到 UL，其中包含 LIST ITEM 和 ANCHOR TAG？目前我正在这样做。

    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');
}