jQuery动态⽣成多个表格
html代码
<div id="di"  >
</div>
var errList = List //后台返回的数据，2维数组
//获取放表格的div
var div = $("#di");
//每次循环⽣成⼀个表格
for (var errnum = 0, errlen = errList.length; errnum < errlen; errnum++) {
/*1.定义⼀个表格*/
var title = "<table id='messageTab" + errnum + "' class='display:none; ' >" +
"<tbody id='errList" + errnum + "' class='display:none; ' ></tbody></table>";
/*2.把表格增加到div中*/
div.append(title);
/*3.对表格进⾏操作*/
$("#errList" + errnum).html('');//清空表格中的⾏和列
var tbodyObj = $("#errList" + errnum);  //获取表格，给表格添加⾏和列
var errmsg = errList[errnum]; //获取内数组
if (errmsg && errmsg.length > 0) {
for (var i = 0, len = errmsg.length; i < len; i++) {
if (i == 0) {
tbodyObj.append("<tr><td width='3%'>" + "</td><td width='97%'>" + errmsg[i] + "</td></tr>");
} else {
tbodyObj.append("<tr><td width='3%'>" + (i) + "</td><td width='97%'>" + errmsg[i] + "</td></tr>");
}
}
}
$("#messageTab" + errnum).css("display", "block");html表格元素
$("#errList" + errnum).css("display", "block");
}
记录这个的重点是，必须先2再3，先把表格添加到div中，才能对表格进⾏$("#errList" + errnum).html('')；等之后的操作，否则，这个title就是个字符串，不是⼀个html元素
jQuery可以对html元素操作，不能对字符串操作append()

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。