在我的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('') );