JQuery操作Json循环插入到Table

来源:互联网 发布:北京淘宝城 编辑:程序博客网 时间:2024/06/04 19:24

JQuery操作Json循环插入到Table

1创建Json对象:

 var data = " [ {name:'6101',value:'北京市',age:'11'}, {name:'6102',value:'天津市',age:'11'}, {name:'6103',value:'上海市',age:'22'}]";    //创建Json字符串

   var dataObj = eval("(" + data + ")");       //转换为json对象 


2,table:

        <table id="mytab" border="1">

            <tr>

                <th>代号</th>

                <th>城市</th>

                <th>附加数字</th>

            </tr>

        </table>


------------------------------我的想法-------------------------------

外面for循环用来遍历JSON有多少个“子对象”,并给table添加tr,

内部each遍历每个‘子对象的属性’,写入tr里面!

-----------------------------我的想法结束----------------------------


3,循环插入的JQ代码:

                 var $tab1 = $("#mytab");

            for (i = 0; i < dataObj.length; i++) {

                $tab1.append("<tr>");

                           $.each(dataObj[i], function (j, val) {   

                              $("#mytab").append("<td>"+val+"</td>");

                            });

                      $tab1.append("</tr>");

                 }


如何后的结果为:

0 0