如何使用jquery向无序列表中添加项目

在我的json响应中，我想使用$ .each循环遍历它，然后将项目附加到< ul>< / ul>元件。

$.each(data,function(i,item) {

        // item.UserID
        // item.Username

     }

我想添加一个>，并创建一个链接到用户页面的href标记。

解决方法

最有效的方法是创建一个数组并追加到dom一次。

你可以通过从字符串中丢失所有的字符串concat使它更好。要么多次推送到数组，要么使用=然后push来构建字符串，但是对于某些数据来说，它变得有点难读。

此外，您可以将所有项目包裹在父元素(在这种情况下为ul)，并将其附加到容器以获得最佳性能。只需按下< ul>‘和’< / ul>‘之前和之后的每个和附加到一个div。

var items = [];

   $.each(data,item) {

          items.push('<li><a href="yourlink?id=' + item.UserID + '">' + item.Username + '</a></li>');

   });  // close each()

   $('#yourUl').append( items.join('') );