zl程序教程

您现在的位置是:首页 >  Javascript

当前栏目

jquery遍历的json有两层list时的解决方法

2023-03-14 10:24:45 时间




//获取 学生分组列表
function getStuList(){
  $("#allMemberList").html("");
	$.get("classTeam/queryClassTeamAndTeamMember/"+classId+"/0",function(result) {
		$.each(result.classTeamList,function(k, v) {
			  $("#allMemberList").append(
					   '<div class="panel panel-default">'
					  +'	<div class="panel-heading">'+v.teamName+'</div>'
					  +'	<div class="panel-body">'
					  +'		<ul class="media-list user-list stuList">'+jsonson(v.id)
					  +'		</ul>'
					  +'	</div>'
					  +'    </div>'
					  +'</div>'
			  )
			  function jsonson(id){
			        var jsonHtml="";
			        $.each(result.classTeamList,function(k, v) {
			            if(id== v.id){
			                for(var i=0;i<v.tclassTeamMemberList.length; i++){
			                        jsonHtml+='<li class="media">'
										  +'	<div class="media-left">'
										  +'		<a href="javascript:;"><img class="media-object"'
										  +'			src="'+v.tclassTeamMemberList[i].user.userInfo.logo+'"></a>'
										  +'	</div>'
										  +'	<div class="media-body">'
										  +'		<h6 class="media-heading">'+v.tclassTeamMemberList[i].user.userInfo.ucName+'</h6>'
										  +'	</div>'
										  +'	<div class="close">'
										  +'		<span>×</span>'
										  +'	</div>'
										  +'</li>'	;
			                }
			            }
			        });
			        return jsonHtml;
			    }
		 })
	 })
}