运用jQuery动态向html中添加表格元素

实现的功能是运用jQuery动态的向一个table中添加行元素，很简单，也不废话，直接上代码。

	
	



	
快乐大本营
	
分组点赞排名
	

		

			
排名
			
组名
			
票数
		
	

	
个人点赞排名

	

		

			
排名
			
姓名
			
票数
		
	

	
	

在没添加元素之前，显示入下图所示：

var group = [{name:"1班",num:100},
             {name:"2班",num:150},
             {name:"3班",num:200},
             {name:"4班",num:250},
             {name:"5班",num:300},
             {name:"6班",num:350},
             {name:"7班",num:400}]
 

var groupTable = $('#group');
for(var i = 1 ;i <= group.length;i++){
	var item = group[i-1]
	groupTable.append(' ' +
		'' + i + '' + 
		'' + item.name + '' +
		'' + item.num + '' +
		'')
}


var groupTable = $('#alone');
for(var i = 1 ;i <= group.length;i++){
	var item = group[i-1]
	groupTable.append(' ' +
		'' + i + '' + 
		'' + item.name + '' +
		'' + item.num + '' +
		'')
}

在动态添加了元素之后，显示如下图：