[JQ加载好友列表]怎么根据返回JSON数组元素个数创建相应DIV并操作

[JQ加载好友列表]如何根据返回JSON数组元素个数创建相应DIV并操作？
JQ加载好友列表
后台接口返回一个JSON数组，如何根据数组元素个数创建相应个数的DIV（创建的DIV包含指定标签和样式）？每创建一个DIV后，都要根据此JSON数组元素对DIV进行操作。

每个DIV都是一个好友，然后每次创建都要针对后台相应的返回参数写入好友信息。

我想知道实现的思路是怎样的？然后插入和操作DIV要用到的关键词是哪些？
求各位大牛指教
------解决思路----------------------
遍历下json数组组合成html设置容器的innerHTML代码显示就好了，样式你不就组合成html的时候增加class属性
------解决思路----------------------
这个得根据你们接口返回的数据而定。从你的截图中，我们猜测一下返回的数据：

{

    'status':'success', // 返回状态

    'user' : [ // 用户列表

    	{

    		'userid':'u001',

    		'nickname':'昵称', 

    		'username':'备注姓名',

    		'sex':'male', //性别

    		'img':'touxiang.png', //头像

    	},

    	{

    		'userid':'u002',

    		'nickname':'昵称', 

    		'username':'备注姓名',

    		'sex':'male', //性别

    		'img':'touxiang.png', //头像

    	},

    	{

    		'userid':'u003',

    		'nickname':'昵称', 

    		'username':'备注姓名',

    		'sex':'male', //性别

    		'img':'touxiang.png', //头像

    	}

    ]

}

根据接口返回的数据，和你要形成的好友列表，采用循环的方式获取所有好友的数据，拼接成好友列表，然后填充到页面中。
------解决思路----------------------
遍历你的数组，生成好友的div

var friendDiv = '';

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

    var friendDiv += '<div>这里放置好友属性</div>';

}

$('#friend外层div的id').append(friendDiv );

把全部数组的好友全放进去了，这是我的比较笨的方法。
------解决思路----------------------
遍历呗  可以把生成html的部分单独放个方法  方便维护
也可以用一些前端模板  hogan阿 attemplate之类的