JQuery操作Json循环插入到Table

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>");

                 }


如何后的结果为:

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值