700字范文,内容丰富有趣,生活中的好帮手!
700字范文 > jquery遍历数组显示至dom元素

jquery遍历数组显示至dom元素

时间:2020-08-05 10:51:21

相关推荐

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

});

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。