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

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

        // item.UserID
        // item.Username

     }

我想添加一个

最佳答案

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

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

您还可以将所有项目包装在父元素(在本例中为 ul)中，并将其附加到容器中以获得最佳性能。只需按“<ul>'”和 '</ul>'在 each 之前和之后并附加到一个 div。

data = [
{
  "userId": 1,
  "Username": "User_1"
},
{
  "userId": 2,
  "Username": "User_2"
}
];

var items = [];

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

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

}); // close each()

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

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<ul id="yourUl">
</ul>

关于jquery - 如何使用jquery将项目添加到无序列表<ul>，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/1208467/