jquery动态添加td

当点击"查询“按钮时，通过ajax调用后台程序，然后返回list集合，下面的table会根据返回list的条数动态添加tr，ajax请求的内容可以参考前一篇文章《JQuery的ajax请求》，这里主要说如何动态添加表格。具体代码，方法如下：

--------------------------------------------------------------------------------------------------------

下面这段代码是ajax请求后返回的回调函数.

function(json){

       var message ;

       //获取表格的id,保留第一行,其余内容清空

       $("#showresult tr:not(:first)").empty();

       //判断从后台传递过来的参数successFlag,如果successFalg=false,则没有查询到数据,否则查询到数据了

       if(json.successFlag){

       //获取查询到的数据的list集合

       var list = json.result.list;

//循环list集合

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

//获取表格的列数

var tablelength = $("#showresult").length;

//插入tablelength列

var row = showresult.insertRow(tablelength);

//获取第一列,赋值

var col = row.insertCell(0);

col.innerHTML = (list.length-i);

//获取第二列,赋值

var col = row.insertCell(1);

var pName = list[i].projectName;

col.innerHTML = pName;

col.background = "red";

var col = row.insertCell(2);

col.innerHTML = list[i].salesPerson;

var col = row.insertCell(3);

col.innerHTML = list[i].implementPerson;

var col = row.insertCell(4);

col.innerHTML = list[i].projectSchedule;

var col = row.insertCell(5);

col.innerHTML = list[i].projectCreateTime;

var col = row.insertCell(6);

col.innerHTML = list[i].projectModifiedTime;

var col = row.insertCell(7);

var pStatusStr = list[i].pStatus;

//设置列样式

if(pStatusStr == 1){

pStatusStr = "启用";

//设置显示的文字的css样式,其中showtd写在style.css样式表中

col.className="showtd";

}else if(pStatusStr == 0){

pStatusStr = "停用";

col.className="showtd";

}else if(pStatusStr == 2){

pStatusStr = "删除";

col.className="showtd";

}

col.innerHTML = pStatusStr;

var col = row.insertCell(8);

var sStatusStr = list[i].sStatus;

if(sStatusStr == 1){

sStatusStr = "同步中";

}else if(sStatusStr == 2){

sStatusStr = "待同步";

}else{

sStatusStr="同步状态异常";

}

col.innerHTML = sStatusStr;

var id = list[i].projectId;

var col = row.insertCell(9);

col.innerHTML = "<a href='<%=basePath%>updateSyncSatausServlet?syncStatus=1&projectID=" + id +

"' class='start1'>启用</a>&nbsp;<a href='<%=basePath%>updateSyncSatausServlet?syncStatus=2&projectID=" + id +

"' class='start1'>禁用</a>";

var col = row.insertCell(10);

col.innerHTML = "<a href='<%=basePath%>jsp/loglist.jsp?status=-1&projectname=" + pName +

"' class='start1'>日志</a>";

}

}else{

message = json.message;

var tr = "<tr><td colspan='9'>"+message+"</td></tr>";

$('showresult').append(tr);

}

},