博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
JSON数组分配输出每个li
阅读量:5301 次
发布时间:2019-06-14

本文共 963 字,大约阅读时间需要 3 分钟。

有这么一个JSON数组,需求是只需要输出每个数组里面的某个值,不需要全部输出来。

var data = [{    "MachineID":"171914",    "Cost":"13,642.41",    "Currency":"PHP"},{    "MachineID":"172233",    "Cost":"1,367.73",    "Currency":"PHP"},{    "MachineID":"41116",    "Cost":"2,608.20",    "Currency":"PHP"},{    "MachineID":"178077",    "Cost":"1,517.04",    "Currency":"PHP"},{    "MachineID":"176430",    "Cost":"20,876.72",    "Currency":"PHP"}]

假设我们输出全部的值,则按照前面一篇文章说过的,只需要遍历两次就可以输出,如下:

var _html = '';$.each(data,function(index,obj){_html +='

'+(index+1) +'

    ';$.each(obj,function(key,value){_html += '
  1. '+key+" : "+value+'
  2. ';})_html +='
';})$("#content").append(_html);

基于本文只需要每个数组的第一个值,可以使用前文说过的的最快第四种

var output = [];$.each(data, function(key,value){output.push('
  • ' + value.MachineID + '
  • ');});$("ul").html(output.join(''));

    或者是前文说过的第五种

    var ul = $('ul');$.each(data,function(i,obj) {$('
  • ',{text:obj.MachineID}).appendTo(ul);});
  •  

    转载于:https://www.cnblogs.com/zhujiabin/p/4863210.html

    你可能感兴趣的文章
    Android面试收集录15 Android Bitmap压缩策略
    查看>>
    PHP魔术方法之__call与__callStatic方法
    查看>>
    ubuntu 安装后的配置
    查看>>
    web前端之路,js的一些好书(摘自聂微东 )
    查看>>
    【模板】对拍程序
    查看>>
    【转】redo与undo
    查看>>
    解决升级系统导致的 curl: (48) An unknown option was passed in to libcurl
    查看>>
    Java Session 介绍;
    查看>>
    spoj TBATTLE 质因数分解+二分
    查看>>
    Django 模型层
    查看>>
    dedecms讲解-arc.listview.class.php分析,列表页展示
    查看>>
    Extjs6 经典版 combo下拉框数据的使用及动态传参
    查看>>
    【NodeJS】http-server.cmd
    查看>>
    研磨JavaScript系列(五):奇妙的对象
    查看>>
    面试题2
    查看>>
    selenium+java iframe定位
    查看>>
    P2P综述
    查看>>
    第五章 如何使用Burp Target
    查看>>
    Sprint阶段测试评分总结
    查看>>
    sqlite3经常使用命令&语法
    查看>>