當前位置:
首頁 >
前端技术
> javascript
>内容正文
javascript
JSON数组分配输出每个li
生活随笔
收集整理的這篇文章主要介紹了
JSON数组分配输出每个li
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
有這么一個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" } ]假設我們輸出全部的值,則按照前面一篇文章說過的jQuery使用each的方法,只需要遍歷兩次就可以輸出,代碼如下:
var _html = ''; $.each(data,function(index,obj){ _html +='<h2>'+(index+1) +'</h2><ol>'; $.each(obj,function(key,value){ _html += '<li>'+key+" : "+value+'</li>'; }) _html +='</ol>'; }) $("#content").append(_html);基于本文只需要每個數組的第一個值,可以使用前文說過的幾種輸出option的方法的最快第四種
var output = []; $.each(data, function(key,value){ output.push('<li>' + value.MachineID + '</li>'); }); $("ul").html(output.join(''));或者是前文說過的第五種
var ul = $('ul'); $.each(data,function(i,obj) { $('<li>',{text:obj.MachineID}).appendTo(ul); });?
總結
以上是生活随笔為你收集整理的JSON数组分配输出每个li的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 《FPGA入门教程》看书随笔——数字电路
- 下一篇: 背景图片适应屏幕百分百