jquery遍历数组显示至dom元素

最新推荐文章于 2022-06-30 06:29:11 发布

圆野

最新推荐文章于 2022-06-30 06:29:11 发布

阅读量2.6k

点赞数

分类专栏： jquery项目资料数组&对象

本文链接：https://blog.csdn.net/weixin_41716259/article/details/82701364

版权

jquery项目资料同时被 2 个专栏收录

8 篇文章 0 订阅

订阅专栏

数组&对象

4 篇文章 0 订阅

订阅专栏

//假设后端数据

var waitdata= [
    {
        "orderNo": "A69824743284408320",
        "proUnitPrice": 544,
        "proQuantity": "2",
        "orderStatus": "1",
        "logisticsOddNo": "434565765443223",
        "appendFileId": "fc88f62d-7f48-11e8-8b66-d8c49757c3b7",
        "name": "骨骼",
        "id": "1",
        "proCompanyPrice": 1088,
        "fileId": "fcccf62d-7f48-11e8-8b66-d8c49757c3b7"
    }，

    {
        "orderNo": "A69824743284408320",
        "proUnitPrice": 544,
        "proQuantity": "2",
        "orderStatus": "1",
        "logisticsOddNo": "434565765443223",
        "appendFileId": null,
        "name": "骨骼",
        "id": "1",
        "proCompanyPrice": 1088,
        "fileId": "fcccf62d-7f48-11e8-8b66-d8c49757c3b7"
    }
];

//遍历后端数据

    $.each(waitdata,function(i,e){
        var $trwait = $('<tr>');
        var $tdwait = '<td dataname='+ e.id +'>' + e.name +'</td>';
           $tdwait += '<td >'+ e.proUnitPrice +'</td>';
           $tdwait += '<td class="handle">' + e.proQuantity + '</td>';
           $tdwait += '<td class="totalprice">' + e.proCompanyPrice + '</td>';
           $tdwait += '<td >' + e.typeName +'</td>';
           $tdwait += '<td class="appenattr">';
           if(e.appendFileId == null || e.appendFileId == "" || e.appendFileId == undefined){
               $tdwait += '<a class="downmodel" modelid='+ e.id +' data-id='+ e.fileId +' data-sta='+ e.orderStatus +'              href="javascript:void(0);">下载模型</a>';
          $tdwait += '<a class="lookmodel" data-refuseid='+ e.id +' data-refusesta='+ e.orderStatus +' href="javascript:void(0);">已拒订单</a>';
             }else{
                $tdwait += '<a class="downloads" data-appendfileid=' + e.appendFileId + ' href="javascript:void(0);">下载文档</a>';
         $tdwait += '<a class="downmodel" modelid='+ e.id +' data-id='+ e.fileId +' data-sta='+ e.orderStatus +' href="javascript:void(0);" title="请先下载文档">下载模型</a>';
              $tdwait += '<a class="lookmodel" data-refuseid='+ e.id +' data-refusesta='+ e.orderStatus +' href="javascript:void(0);">已拒订单</a>';
             }
           $tdwait += '</td>';

        $trwait.append($tdwait);
        $tbodywait.append($trwait);
    });