码迷,mamicode.com
首页 > Web开发 > 详细

Jquery利用JSON数组创建表格

时间:2014-08-16 20:57:11      阅读:384      评论:0      收藏:0      [点我收藏+]

标签:style   blog   color   io   for   ar   cti   div   

$(function () {
            var json = [
                { "name": "张三", "age": "20", "gender": "男" },
                { "name": "李四", "age": "21", "gender": "女" },
                { "name": "王五", "age": "22", "gender": "未知" }
            ];//创建一个JSON数组
            var t = $(‘<table border="1"><tr><td>姓名</td><td>性别</td><td>年龄</td></tr></table>‘).appendTo($(‘body‘));
            for (var i = 0; i < json.length; i++) {
                $(‘<tr><td>‘ + json[i].name + ‘</td><td>‘ + json[i].gender + ‘</td><td>‘ + json[i].age + ‘</td></tr>‘).appendTo(t);
            }
        });

 

Jquery利用JSON数组创建表格,布布扣,bubuko.com

Jquery利用JSON数组创建表格

标签:style   blog   color   io   for   ar   cti   div   

原文地址:http://www.cnblogs.com/caihuashun/p/3916830.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!