javascript - 如何使用jquery追加列表

Question

基本上，我尝试使用 jquery append 列表。该列表中的每个元素都连接到不同的链接。这就是我所做的

for (i=0; i <data.length ; i++ ){

        var a = $('<a />');
        a.attr('href','https://example.com/browse/' + data[i].key);
        a.text(data[i].name);


        $("#list-of-project ul").append("<li>").append(a).append("</li>");


    }

这里的“data”是我从 REST 获得的一个 JSON 数组，具有 key 和 name 属性。但是，使用这个，我得到了这样的输出 unwanted result 。该元素与列表点不在同一行。我希望文本与列表点位于同一行。有什么帮助吗？？

Answer 1

for (i=0; i <data.length ; i++ ){

    var a = $('<a />');
    a.attr('href','https://example.com/browse/' + data[i].key);
    a.text(data[i].name);
    var li ="<li>"+a+"</li>"
    $("#list-of-project ul").append( li );
}