jquery遍历数组显示至dom元素

//假设后端数据

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

jquery遍历数组显示至dom元素相关推荐

php 便利jq,jquery怎样遍历数组？jquery遍历数组常用的两种方式
在jquery中,我们常用$().each和$.each()这两个方法来进行数组的遍历,$().each和$.each()这两种方法表面看起来好像差不多,但是,实际上这两个方法是有区别的,两个方法在针 ...
jQuery→简介引入、jQuery类数组对象$()与DOM对象、各种选择器、attr()、html() 、text()、val()
官网下载 https://jquery.com/download/ jQuery对象与DOM对象 jQuery类数组对象$('')转DOM对象 DOM对象转jQuery对象 id选择器类选择器元素 ...
linux jq 遍历数组,jquery 遍历数组 each 方法详解
JQuery拿取对象的方式 $('#id') :通过元素的id $('tagName') : 通过元素的标签名 $('tagName tagName') : 通过元素的标签名,eg: $('ul li ...
jQuery遍历数组
jQuery遍历数组数组遍历: 在JS中,我们使用普通for循环即可遍历数组. 在jQuery中,我们可以使数组的遍历变得更为简单(使用for遍历,取出的元素为js对象而非jQuery对象) 属性名 ...
jQuery过滤器：筛选jquery对象数组中的DOM对象
目录一.定义: 二.基本过滤器: 一.定义: 过滤器就是过滤条件,对已经定位到jquery对象数组中的DOM对象进行过滤筛选,过滤条件不能独立出现在jquery函数,如果使用则只能出现在选择器后方. ...
原生js和jquery 遍历数组区别（forEach和each区别）
原生js和jquery 遍历数组区别(forEach和each区别) <script>var arr=[1,3,6,8,4];var obj={0:1,1:3,2:6,3:8,4:4};a ...
jQuery删除数组中指定的元素
jQuery删除数组中指定的元素方法:arr.splice($.inArray(元素, 数组), 删除的个数); var arr = ['a','b','c','d']; arr.splice($. ...
剖析遍历抓取的html标签数据,Jquery遍历数组(包括获取后端数据后的操作)和遍历标签(class名)...
//遍历数组(获取后端数据如何遍历操作) var status = 1; //自定义状态 $('.tables-detail').html(""); //调用ajax ...
jquery删除数组中的某个元素下标越界_Java数据结构和算法（二）—数组
目录 1.Java数组介绍 2.用类封装数组实现数据结构 3.分析数组的局限性上篇博客我们简单介绍了数据结构和算法的概念,对此模糊很正常,后面会慢慢通过具体的实例来介绍.本篇博客我们介绍数据结构的鼻 ...

jquery遍历数组显示至dom元素

jquery遍历数组显示至dom元素相关推荐

最新文章

热门文章