js插件的编写一

$.fn.studentindex_dashboard = function (id,options){//options是前端页面通过ajax获取的json数据
		$(this).children().remove();
		options = $.extend(defaults,options);
		console.log(options);
		var dataObj = options.data;// 数据JSON
		console.log(dataObj);
		var itemDiv="";// 设置TABLE的长度
		
		$.each(dataObj.datalist,function (i,n){
			var sex = "男";
			if(n.sex == 1){
				sex = "女";
			}
			itemDiv = itemDiv + "<div id='"+n.id+"' class='student11-center-li'>";
			itemDiv = itemDiv + "<div class='student11-center-li-left'>";
			itemDiv = itemDiv + "<div class='student11-center-li-left-photo'>";
			itemDiv = itemDiv + "<div><img alt='img' src='../imgs/user.png' width='38px' height='38px'></div>";
			itemDiv = itemDiv + "</div>";
			itemDiv = itemDiv + "<div class='student11-center-li-left-gender'>";
			itemDiv = itemDiv + "<span>性别:</span><span>"+sex+"</span><span hidden='hidden' id='lsex' >"+n.sex+"</span>";
			itemDiv = itemDiv + "</div>";
			itemDiv = itemDiv + "</div>";
			itemDiv = itemDiv + "<div class='student11-center-li-right'>";
			itemDiv = itemDiv + "<div class='student11-center-li-right-name'>";
			itemDiv = itemDiv + "<span>姓名:</span><span id='lnames'>"+n.names+"</span>";
			itemDiv = itemDiv + "</div>";
			itemDiv = itemDiv + "<div class='student11-center-li-right-stuno'>";
			itemDiv = itemDiv + "<span>学号:</span><span id='lid'>"+n.id+"</span>";
			itemDiv = itemDiv + "</div>";
			itemDiv = itemDiv + "<div class='student11-center-li-right-biethday'>";
			itemDiv = itemDiv + "<span>生日:</span><span id='lbirthday'>"+n.birthday+"</span>";
			itemDiv = itemDiv + "</div>";
			itemDiv = itemDiv + "</div>";
			itemDiv = itemDiv + "</div>";
		});
		$(this).append(itemDiv);
		return this;
	};

猜你喜欢

转载自blog.csdn.net/sijaycheng/article/details/81660976