手机: 13041016958 
电话: 18963328071
邮箱: 15409141@qq.com
微信: ChinaBillgates 
开发之旅 >>传统方式利用jquery生成Table
传统方式利用jquery生成Table
作者:123 发布时间:2011-04-23
        var peopleArr = [
            { "name": "刘欢", "age": 50, "skill": "从头再来" },
            { "name": "杨坤", "age": 35, "skill": "32唱演唱会" },
            { "name": "那英", "age": 50, "skill": "白天不懂夜的黑" },
            { "name": "王菲", "age": 45, "skill": "复合" }
        ]
        $(function () {
            var $tbCreate = $("<table></table>")//生成table
            var $trTitle = $("<tr></tr>").append("<td>序号</td>").append("<td>姓名</td>").append("<td>年龄</td>").append("<td>技能</td>");
            $tbCreate.append($trTitle);//将标题加到tb中
            //循环数组,生成tr
            for (var i = 0; i < peopleArr.length; i++) {
                //每循环一次生成一个tr
                var $trCreate = $("<tr><td><input type='checkbox' class='chkOne'/>" + (i + 1) + "</td></tr>");
                //循环对象数组,生成其他td
                for (var item in peopleArr[i]) {
                    var $tdCreate = $("<td>" + peopleArr[i][item] + "</td>");
                    //加到tr里面
                    $trCreate.append($tdCreate);
                }
                //将tr加到table里面
                $tbCreate.append($trCreate);
            }
            //将table加到body里面
            $(document.body).append($tbCreate);

 

版权所有@2015 朱贝贝的个人主页   建议分辨率1024x768
电话:13522230707  010-62437919
鲁ICP备16003483号-1