jQuery 动态生成多个表格
2017-04-21 15:30
453 查看
html代码
记录这个的重点是,必须先2再3,先把表格添加到div中,才 能对表格进行
jQuery可以对html元素操作,不能对字符串操作append()
<div id="di" style="display:none;height: 400px;overflow-y: scroll;padding-top: 0px;"> </div>
var errList = data.errList //后台返回的数据,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"); $("#errList" + errnum).css("display", "block"); }
记录这个的重点是,必须先2再3,先把表格添加到div中,才 能对表格进行
$("#errList" + errnum).html('');等之后的操作,否则,这个
title就是个字符串,不是一个html元素
jQuery可以对html元素操作,不能对字符串操作append()
相关文章推荐
- JQuery动态生成Table表格
- JQuery动态生成Table表格
- Jquery 动态生成表格 并为行绑定单击变色动作
- Jquery 动态生成表格
- JQuery动态生成Table表格
- jquery json 生成动态表格
- Jquery 动态生成表格示例代码
- jQuery动态生成不规则表格(前后端)
- JQuery动态生成Table表格
- Jquery 动态生成表格示例代码
- jQuery实现动态生成表格并为行绑定单击变色动作的方法
- jQuery动态生成Bootstrap表格
- jquery应用实例一动态添加删除生成表格table
- JQuery动态生成Table表格
- jquery动态生成bootstrap表格
- JQuery 动态生成Table表格实例代码
- 【寒江雪】JQuery+Bootstrap动态生成表格
- 动态生成表格、隐藏表格、选中删除任意行、jquery、输入验证
- Jquery 动态生成表格示例代码
- jQuery动态生成表格及右键菜单功能示例