jquery table循环添加数据
2015-11-09 17:09
579 查看
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <script src="http://cdn.bootcss.com/jquery/1.11.2/jquery.js"></script> <style type="text/css"> </style> <script type="text/javascript"> $(function(){ var list = [{'age':10},{'age':20},{'age':30},{'age':40},{'age':50},{'age':60},{'age':70},{'age':80},{'age':90},{'age':00}]; var trs=[]; var tds =[]; var trDom; for(var i=0;i<list.length;i++){ if(i%4===0){ trDom = $('<tr></tr>'); $('<td>'+list[i].age+'</td>').appendTo(trDom); trs.push(trDom); }else{ $('<td>'+list[i].age+'</td>').appendTo(trDom); trs.push(trDom); } } for(var j=0;j<trs.length;j++){ $(trs[j]).appendTo($('#show')); } }) </script> </head> <body> <table border="1" width="100%" height="100%" id="show"> </table> </body> </html>
相关文章推荐
- jquery,js引入css文件,js引入头尾
- 使用jquery获取radio的值
- 【前端性能】必须要掌握的原生JS实现JQuery
- 封装jQuery Validate扩展验证方法
- 基于Jquery+Ajax+Json+高效分页
- 解密jQuery事件核心 - 绑定设计(一)
- jquery实现上传文件大小类型的验证
- jquery 节点的创建增加 节点删除 替换
- jquery 表单事件
- Jquery解析Json
- jquery(zepto) when then 使用
- Jquery Enter事件
- jQuery的deferred对象详解
- Jquery 常用方法总结
- JQUERY 获取html标签中的属性值
- JS DOM对象与jQuery对象的转换
- JQuery对象与DOM对象
- JQUERY获取html标签自定义属性值或data值
- jQuery事件
- jquery 插件写法三