JQUERY方法给TABLE动态增加行

2024-12-05 13:03:40

推荐回答（5个）

回答1：

1、首先输入下方的代码：

<%@ page language="java" pageEncoding="UTF-8"%>

利用jquery给指定的table添加一行、删除一行

cellspacing="0" width="30%">

	科目	成绩
	语文	80

5、然后这样就完成了。

回答2：

比如设置table的id为tab
var trHTML = "..."
$("#tab").append(trHTML);//在table最后面添加一行
$("#tab tr:eq(2)").after(trHTML); // 在table的第3行后面添加一行
这样就可以进行动态的添加行了，至于你是通过什么事件来动态添加那就看你自己的意思了，通过button或者div之类的点击事件添加，只要把上面的两行代码放进去就ok，注意，要把var trHTML那行代码放进添加事件里面，不然不管点击多少下，都只能添加一行
$(function() {
$(":button").click(function() {
var tr = "new";
//$("table").append(tr);
$("table tr:eq(2)").after(tr);
});
});
这是我测试用的代码，你可以运行看看

回答3：

var $table= $("#tableObj");
var vTr= "text"
$table.append(vTr);

回答4：

$(function(){
//注释是不对的
$.getJSON(
"/homeofcar/user/getjson",
function(data) {
var list = data;
//循环
$.each(list,function(i,user){
//构建行
var $tr = $("");
//复选框
$tr.append('');
//用户
$tr.append(""+user.realname+"");
//角色
var juese = '';
$.each(user.listRole,function(j,role){
juese = juese + ""+role.rolename+"";
});
juese+="";
$tr.append(juese);
/**/
//$tr.append('');
//$.each(user.listRole,function(j,role){
//$tr.append(""+role.rolename+"");
//});
//$tr.append("");
//权限
var quanxian = '';
$.each(user.listRole,function(j,role){
quanxian+="";
$.each(role.listModule,function(k,module){
quanxian+=module.modulename;
});
quanxian+="";
});
quanxian+="";
$tr.append(quanxian);
/**/
//$tr.append('');
//$.each(user.listRole,function(j,role){
//$tr.append("");
//$.each(role.listModule,function(k,module){
//$tr.append(" "+module.modulename);
//});
//$tr.append("");
//});
//$tr.append("");
//编辑
$tr.append("编辑");
//构建行追加
$("#tablemax").append($tr);
});
});//getJSON
});

回答5：

动态插入一行：

//在表格的末尾添加一行   
$("#table").append('newnew');    
//在表格的开头添加一行    
$("#table").prepend('newnew'); 
//在表格的第二行后面插入一行  
$("#table tr").eq(1).after('newnew');

动态插入一列：

//在表格的末尾添加一列   
$("#table tr").append('newTD');   
//在表格的开头添加一列   
$("#table tr").prepend('newTD');   
//在表格的第二列后添加一列   
$("#table tr td:nth-child(2)").after('newTD');

更多的看这里：网页链接

非常全共15种常用的操作！